<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4917402" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xfac3;</span>
                <div class="name">美食</div>
                <div class="code-name">&amp;#xfac3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc3;</span>
                <div class="name">人力招聘</div>
                <div class="code-name">&amp;#xfbc3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac4;</span>
                <div class="name">生活</div>
                <div class="code-name">&amp;#xfac4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc4;</span>
                <div class="name">公司公告</div>
                <div class="code-name">&amp;#xfbc4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac5;</span>
                <div class="name">影视</div>
                <div class="code-name">&amp;#xfac5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc5;</span>
                <div class="name">考勤管理</div>
                <div class="code-name">&amp;#xfbc5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac6;</span>
                <div class="name">火锅</div>
                <div class="code-name">&amp;#xfac6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc6;</span>
                <div class="name">劳动合同</div>
                <div class="code-name">&amp;#xfbc6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac7;</span>
                <div class="name">酒水</div>
                <div class="code-name">&amp;#xfac7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc7;</span>
                <div class="name">工资查询</div>
                <div class="code-name">&amp;#xfbc7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac8;</span>
                <div class="name">礼品</div>
                <div class="code-name">&amp;#xfac8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc8;</span>
                <div class="name">开支报销</div>
                <div class="code-name">&amp;#xfbc8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac9;</span>
                <div class="name">亲子</div>
                <div class="code-name">&amp;#xfac9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc9;</span>
                <div class="name">流程审批</div>
                <div class="code-name">&amp;#xfbc9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaca;</span>
                <div class="name">KTV</div>
                <div class="code-name">&amp;#xfaca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbca;</span>
                <div class="name">审批流程</div>
                <div class="code-name">&amp;#xfbca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfacb;</span>
                <div class="name">咖啡</div>
                <div class="code-name">&amp;#xfacb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbcb;</span>
                <div class="name">员工认证</div>
                <div class="code-name">&amp;#xfbcb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfacc;</span>
                <div class="name">游戏</div>
                <div class="code-name">&amp;#xfacc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbcc;</span>
                <div class="name">员工通信录</div>
                <div class="code-name">&amp;#xfbcc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfacd;</span>
                <div class="name">化妆品</div>
                <div class="code-name">&amp;#xfacd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbcd;</span>
                <div class="name">更多应用</div>
                <div class="code-name">&amp;#xfbcd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xface;</span>
                <div class="name">教育</div>
                <div class="code-name">&amp;#xface;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbce;</span>
                <div class="name">工资明细</div>
                <div class="code-name">&amp;#xfbce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfacf;</span>
                <div class="name">宠物</div>
                <div class="code-name">&amp;#xfacf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbcf;</span>
                <div class="name">企业相册</div>
                <div class="code-name">&amp;#xfbcf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad0;</span>
                <div class="name">健身</div>
                <div class="code-name">&amp;#xfad0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd0;</span>
                <div class="name">企业部门</div>
                <div class="code-name">&amp;#xfbd0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad1;</span>
                <div class="name">艺术</div>
                <div class="code-name">&amp;#xfad1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd1;</span>
                <div class="name">员工评级</div>
                <div class="code-name">&amp;#xfbd1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad2;</span>
                <div class="name">汽车</div>
                <div class="code-name">&amp;#xfad2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd2;</span>
                <div class="name">关于我们</div>
                <div class="code-name">&amp;#xfbd2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad3;</span>
                <div class="name">闪购</div>
                <div class="code-name">&amp;#xfad3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd3;</span>
                <div class="name">客服管理</div>
                <div class="code-name">&amp;#xfbd3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad4;</span>
                <div class="name">医疗</div>
                <div class="code-name">&amp;#xfad4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd4;</span>
                <div class="name">员工反馈</div>
                <div class="code-name">&amp;#xfbd4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad5;</span>
                <div class="name">会员</div>
                <div class="code-name">&amp;#xfad5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd5;</span>
                <div class="name">管理设置</div>
                <div class="code-name">&amp;#xfbd5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad6;</span>
                <div class="name">商城</div>
                <div class="code-name">&amp;#xfad6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd6;</span>
                <div class="name">喜欢</div>
                <div class="code-name">&amp;#xfbd6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad7;</span>
                <div class="name">商家</div>
                <div class="code-name">&amp;#xfad7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd7;</span>
                <div class="name">员工业绩</div>
                <div class="code-name">&amp;#xfbd7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad8;</span>
                <div class="name">饿了么</div>
                <div class="code-name">&amp;#xfad8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd8;</span>
                <div class="name">存储</div>
                <div class="code-name">&amp;#xfbd8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfad9;</span>
                <div class="name">美团</div>
                <div class="code-name">&amp;#xfad9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbd9;</span>
                <div class="name">订单查询</div>
                <div class="code-name">&amp;#xfbd9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfada;</span>
                <div class="name">配送</div>
                <div class="code-name">&amp;#xfada;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbda;</span>
                <div class="name">攻略</div>
                <div class="code-name">&amp;#xfbda;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfadb;</span>
                <div class="name">厨具</div>
                <div class="code-name">&amp;#xfadb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbdb;</span>
                <div class="name">上传文件</div>
                <div class="code-name">&amp;#xfbdb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfadc;</span>
                <div class="name">活动</div>
                <div class="code-name">&amp;#xfadc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbdc;</span>
                <div class="name">下载文件</div>
                <div class="code-name">&amp;#xfbdc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfadd;</span>
                <div class="name">标书</div>
                <div class="code-name">&amp;#xfadd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbdd;</span>
                <div class="name">计算器</div>
                <div class="code-name">&amp;#xfbdd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfade;</span>
                <div class="name">烘培</div>
                <div class="code-name">&amp;#xfade;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbde;</span>
                <div class="name">已读信箱</div>
                <div class="code-name">&amp;#xfbde;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfadf;</span>
                <div class="name">信息</div>
                <div class="code-name">&amp;#xfadf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbdf;</span>
                <div class="name">资源</div>
                <div class="code-name">&amp;#xfbdf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae0;</span>
                <div class="name">QQ</div>
                <div class="code-name">&amp;#xfae0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe0;</span>
                <div class="name">报销</div>
                <div class="code-name">&amp;#xfbe0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae1;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xfae1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe1;</span>
                <div class="name">便签</div>
                <div class="code-name">&amp;#xfbe1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae2;</span>
                <div class="name">微博</div>
                <div class="code-name">&amp;#xfae2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe2;</span>
                <div class="name">导航</div>
                <div class="code-name">&amp;#xfbe2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae3;</span>
                <div class="name">评价</div>
                <div class="code-name">&amp;#xfae3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe3;</span>
                <div class="name">待办</div>
                <div class="code-name">&amp;#xfbe3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae4;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xfae4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe4;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xfbe4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae5;</span>
                <div class="name">朋友圈</div>
                <div class="code-name">&amp;#xfae5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe5;</span>
                <div class="name">天气</div>
                <div class="code-name">&amp;#xfbe5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae6;</span>
                <div class="name">红包</div>
                <div class="code-name">&amp;#xfae6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe6;</span>
                <div class="name">趋势</div>
                <div class="code-name">&amp;#xfbe6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae7;</span>
                <div class="name">钱包</div>
                <div class="code-name">&amp;#xfae7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe7;</span>
                <div class="name">信用</div>
                <div class="code-name">&amp;#xfbe7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae8;</span>
                <div class="name">豆瓣</div>
                <div class="code-name">&amp;#xfae8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe8;</span>
                <div class="name">用户查询</div>
                <div class="code-name">&amp;#xfbe8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfae9;</span>
                <div class="name">空间</div>
                <div class="code-name">&amp;#xfae9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbe9;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xfbe9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaea;</span>
                <div class="name">通讯录</div>
                <div class="code-name">&amp;#xfaea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbea;</span>
                <div class="name">合同</div>
                <div class="code-name">&amp;#xfbea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaeb;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xfaeb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbeb;</span>
                <div class="name">银行机构</div>
                <div class="code-name">&amp;#xfbeb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaec;</span>
                <div class="name">保护</div>
                <div class="code-name">&amp;#xfaec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbec;</span>
                <div class="name">标记</div>
                <div class="code-name">&amp;#xfbec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaed;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xfaed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbed;</span>
                <div class="name">话题</div>
                <div class="code-name">&amp;#xfbed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaee;</span>
                <div class="name">充值中心</div>
                <div class="code-name">&amp;#xfaee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbee;</span>
                <div class="name">资产</div>
                <div class="code-name">&amp;#xfbee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaef;</span>
                <div class="name">搜狗输入</div>
                <div class="code-name">&amp;#xfaef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbef;</span>
                <div class="name">证件</div>
                <div class="code-name">&amp;#xfbef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf0;</span>
                <div class="name">信号</div>
                <div class="code-name">&amp;#xfaf0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf0;</span>
                <div class="name">走势</div>
                <div class="code-name">&amp;#xfbf0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf1;</span>
                <div class="name">颁奖</div>
                <div class="code-name">&amp;#xfaf1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf1;</span>
                <div class="name">攻略</div>
                <div class="code-name">&amp;#xfbf1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf2;</span>
                <div class="name">家电</div>
                <div class="code-name">&amp;#xfaf2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf2;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xfbf2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf3;</span>
                <div class="name">秒杀</div>
                <div class="code-name">&amp;#xfaf3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf3;</span>
                <div class="name">验证</div>
                <div class="code-name">&amp;#xfbf3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf4;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xfaf4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf5;</span>
                <div class="name">宠物</div>
                <div class="code-name">&amp;#xfbf5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf5;</span>
                <div class="name">服饰</div>
                <div class="code-name">&amp;#xfaf5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf6;</span>
                <div class="name">教育</div>
                <div class="code-name">&amp;#xfbf6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf6;</span>
                <div class="name">余额</div>
                <div class="code-name">&amp;#xfaf6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf7;</span>
                <div class="name">TV</div>
                <div class="code-name">&amp;#xfbf7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf7;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xfaf7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf8;</span>
                <div class="name">情感</div>
                <div class="code-name">&amp;#xfbf8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf8;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xfaf8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbf9;</span>
                <div class="name">生活</div>
                <div class="code-name">&amp;#xfbf9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaf9;</span>
                <div class="name">会员卡</div>
                <div class="code-name">&amp;#xfaf9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbfa;</span>
                <div class="name">交易</div>
                <div class="code-name">&amp;#xfbfa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfafa;</span>
                <div class="name">发票</div>
                <div class="code-name">&amp;#xfafa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbfb;</span>
                <div class="name">资产</div>
                <div class="code-name">&amp;#xfbfb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfafb;</span>
                <div class="name">邀请</div>
                <div class="code-name">&amp;#xfafb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbfc;</span>
                <div class="name">资讯</div>
                <div class="code-name">&amp;#xfbfc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfafc;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xfafc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbfd;</span>
                <div class="name">出租车</div>
                <div class="code-name">&amp;#xfbfd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfafd;</span>
                <div class="name">概率</div>
                <div class="code-name">&amp;#xfafd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbfe;</span>
                <div class="name">股票</div>
                <div class="code-name">&amp;#xfbfe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfafe;</span>
                <div class="name">旅游</div>
                <div class="code-name">&amp;#xfafe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbff;</span>
                <div class="name">充电桩</div>
                <div class="code-name">&amp;#xfbff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaff;</span>
                <div class="name">排名</div>
                <div class="code-name">&amp;#xfaff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc00;</span>
                <div class="name">航空</div>
                <div class="code-name">&amp;#xfc00;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb00;</span>
                <div class="name">勋章</div>
                <div class="code-name">&amp;#xfb00;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc01;</span>
                <div class="name">加油</div>
                <div class="code-name">&amp;#xfc01;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb01;</span>
                <div class="name">保健</div>
                <div class="code-name">&amp;#xfb01;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc02;</span>
                <div class="name">报告</div>
                <div class="code-name">&amp;#xfc02;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb02;</span>
                <div class="name">拍摄</div>
                <div class="code-name">&amp;#xfb02;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc03;</span>
                <div class="name">景点</div>
                <div class="code-name">&amp;#xfc03;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb03;</span>
                <div class="name">休闲</div>
                <div class="code-name">&amp;#xfb03;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc04;</span>
                <div class="name">医疗</div>
                <div class="code-name">&amp;#xfc04;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb04;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xfb04;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc05;</span>
                <div class="name">论坛</div>
                <div class="code-name">&amp;#xfc05;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb05;</span>
                <div class="name">理财</div>
                <div class="code-name">&amp;#xfb05;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc06;</span>
                <div class="name">收藏夹</div>
                <div class="code-name">&amp;#xfc06;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb06;</span>
                <div class="name">童装</div>
                <div class="code-name">&amp;#xfb06;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc07;</span>
                <div class="name">兴趣</div>
                <div class="code-name">&amp;#xfc07;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb07;</span>
                <div class="name">教育</div>
                <div class="code-name">&amp;#xfb07;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc08;</span>
                <div class="name">交换</div>
                <div class="code-name">&amp;#xfc08;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb08;</span>
                <div class="name">喜欢</div>
                <div class="code-name">&amp;#xfb08;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc09;</span>
                <div class="name">夜间</div>
                <div class="code-name">&amp;#xfc09;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb09;</span>
                <div class="name">游乐</div>
                <div class="code-name">&amp;#xfb09;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc0a;</span>
                <div class="name">上一页</div>
                <div class="code-name">&amp;#xfc0a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb0a;</span>
                <div class="name">粮油</div>
                <div class="code-name">&amp;#xfb0a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc0b;</span>
                <div class="name">下一页</div>
                <div class="code-name">&amp;#xfc0b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb0b;</span>
                <div class="name">蘑菇街</div>
                <div class="code-name">&amp;#xfb0b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc0c;</span>
                <div class="name">风险评估</div>
                <div class="code-name">&amp;#xfc0c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb0c;</span>
                <div class="name">意见反馈</div>
                <div class="code-name">&amp;#xfb0c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc0d;</span>
                <div class="name">歌曲</div>
                <div class="code-name">&amp;#xfc0d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb0d;</span>
                <div class="name">钉钉</div>
                <div class="code-name">&amp;#xfb0d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc0e;</span>
                <div class="name">母婴</div>
                <div class="code-name">&amp;#xfc0e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb0e;</span>
                <div class="name">酒水</div>
                <div class="code-name">&amp;#xfb0e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc0f;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xfc0f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb0f;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xfb0f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc10;</span>
                <div class="name">驾照</div>
                <div class="code-name">&amp;#xfc10;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb10;</span>
                <div class="name">账号管理</div>
                <div class="code-name">&amp;#xfb10;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc11;</span>
                <div class="name">权益</div>
                <div class="code-name">&amp;#xfc11;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb11;</span>
                <div class="name">咨询</div>
                <div class="code-name">&amp;#xfb11;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc12;</span>
                <div class="name">WIFI</div>
                <div class="code-name">&amp;#xfc12;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb12;</span>
                <div class="name">卡券包</div>
                <div class="code-name">&amp;#xfb12;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc13;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xfc13;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb13;</span>
                <div class="name">调控</div>
                <div class="code-name">&amp;#xfb13;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfc14;</span>
                <div class="name">连接</div>
                <div class="code-name">&amp;#xfc14;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb14;</span>
                <div class="name">转账</div>
                <div class="code-name">&amp;#xfb14;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xffb5;</span>
                <div class="name">班级</div>
                <div class="code-name">&amp;#xffb5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb15;</span>
                <div class="name">日记</div>
                <div class="code-name">&amp;#xfb15;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb16;</span>
                <div class="name">心动</div>
                <div class="code-name">&amp;#xfb16;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb17;</span>
                <div class="name">权威</div>
                <div class="code-name">&amp;#xfb17;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb18;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xfb18;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb19;</span>
                <div class="name">物流</div>
                <div class="code-name">&amp;#xfb19;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb1a;</span>
                <div class="name">红包</div>
                <div class="code-name">&amp;#xfb1a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb1b;</span>
                <div class="name">拍照</div>
                <div class="code-name">&amp;#xfb1b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb1c;</span>
                <div class="name">相册</div>
                <div class="code-name">&amp;#xfb1c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb1d;</span>
                <div class="name">精选</div>
                <div class="code-name">&amp;#xfb1d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb1e;</span>
                <div class="name">母婴</div>
                <div class="code-name">&amp;#xfb1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb1f;</span>
                <div class="name">水果</div>
                <div class="code-name">&amp;#xfb1f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb20;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xfb20;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb21;</span>
                <div class="name">头条</div>
                <div class="code-name">&amp;#xfb21;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb22;</span>
                <div class="name">团购</div>
                <div class="code-name">&amp;#xfb22;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb23;</span>
                <div class="name">保密</div>
                <div class="code-name">&amp;#xfb23;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb24;</span>
                <div class="name">会员权益</div>
                <div class="code-name">&amp;#xfb24;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb25;</span>
                <div class="name">清单</div>
                <div class="code-name">&amp;#xfb25;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb26;</span>
                <div class="name">女装</div>
                <div class="code-name">&amp;#xfb26;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb27;</span>
                <div class="name">运动</div>
                <div class="code-name">&amp;#xfb27;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb28;</span>
                <div class="name">家居</div>
                <div class="code-name">&amp;#xfb28;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb29;</span>
                <div class="name">性别</div>
                <div class="code-name">&amp;#xfb29;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb2a;</span>
                <div class="name">钟表</div>
                <div class="code-name">&amp;#xfb2a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb2b;</span>
                <div class="name">查看病例</div>
                <div class="code-name">&amp;#xfb2b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb2c;</span>
                <div class="name">挂号</div>
                <div class="code-name">&amp;#xfb2c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb2d;</span>
                <div class="name">夜宵</div>
                <div class="code-name">&amp;#xfb2d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb2e;</span>
                <div class="name">厨艺</div>
                <div class="code-name">&amp;#xfb2e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb2f;</span>
                <div class="name">发现</div>
                <div class="code-name">&amp;#xfb2f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb30;</span>
                <div class="name">火热</div>
                <div class="code-name">&amp;#xfb30;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb31;</span>
                <div class="name">提醒</div>
                <div class="code-name">&amp;#xfb31;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb32;</span>
                <div class="name">知识</div>
                <div class="code-name">&amp;#xfb32;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb33;</span>
                <div class="name">主题</div>
                <div class="code-name">&amp;#xfb33;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb34;</span>
                <div class="name">测体重</div>
                <div class="code-name">&amp;#xfb34;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb35;</span>
                <div class="name">圈子</div>
                <div class="code-name">&amp;#xfb35;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb36;</span>
                <div class="name">资讯</div>
                <div class="code-name">&amp;#xfb36;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb37;</span>
                <div class="name">闹钟</div>
                <div class="code-name">&amp;#xfb37;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb38;</span>
                <div class="name">品牌</div>
                <div class="code-name">&amp;#xfb38;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb39;</span>
                <div class="name">音乐</div>
                <div class="code-name">&amp;#xfb39;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb3a;</span>
                <div class="name">编程</div>
                <div class="code-name">&amp;#xfb3a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb3b;</span>
                <div class="name">排行</div>
                <div class="code-name">&amp;#xfb3b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb3c;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xfb3c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb3d;</span>
                <div class="name">兑换码</div>
                <div class="code-name">&amp;#xfb3d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb3e;</span>
                <div class="name">课程</div>
                <div class="code-name">&amp;#xfb3e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb3f;</span>
                <div class="name">赠送</div>
                <div class="code-name">&amp;#xfb3f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb40;</span>
                <div class="name">产品</div>
                <div class="code-name">&amp;#xfb40;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb41;</span>
                <div class="name">反馈</div>
                <div class="code-name">&amp;#xfb41;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb42;</span>
                <div class="name">游戏</div>
                <div class="code-name">&amp;#xfb42;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb43;</span>
                <div class="name">汽车票</div>
                <div class="code-name">&amp;#xfb43;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb44;</span>
                <div class="name">物业费</div>
                <div class="code-name">&amp;#xfb44;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb45;</span>
                <div class="name">安全中心</div>
                <div class="code-name">&amp;#xfb45;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb46;</span>
                <div class="name">口令密保</div>
                <div class="code-name">&amp;#xfb46;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb47;</span>
                <div class="name">我的订单</div>
                <div class="code-name">&amp;#xfb47;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb48;</span>
                <div class="name">公务</div>
                <div class="code-name">&amp;#xfb48;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb49;</span>
                <div class="name">加油</div>
                <div class="code-name">&amp;#xfb49;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb4a;</span>
                <div class="name">停车场</div>
                <div class="code-name">&amp;#xfb4a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb4b;</span>
                <div class="name">攻略</div>
                <div class="code-name">&amp;#xfb4b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb4c;</span>
                <div class="name">钱包</div>
                <div class="code-name">&amp;#xfb4c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb4d;</span>
                <div class="name">推荐有奖</div>
                <div class="code-name">&amp;#xfb4d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb4e;</span>
                <div class="name">地铁票</div>
                <div class="code-name">&amp;#xfb4e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb4f;</span>
                <div class="name">企业</div>
                <div class="code-name">&amp;#xfb4f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb50;</span>
                <div class="name">周边游</div>
                <div class="code-name">&amp;#xfb50;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb51;</span>
                <div class="name">二手车</div>
                <div class="code-name">&amp;#xfb51;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb52;</span>
                <div class="name">洗车</div>
                <div class="code-name">&amp;#xfb52;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb53;</span>
                <div class="name">医保</div>
                <div class="code-name">&amp;#xfb53;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb54;</span>
                <div class="name">景点</div>
                <div class="code-name">&amp;#xfb54;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb55;</span>
                <div class="name">自行车</div>
                <div class="code-name">&amp;#xfb55;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb56;</span>
                <div class="name">留言</div>
                <div class="code-name">&amp;#xfb56;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb57;</span>
                <div class="name">评价</div>
                <div class="code-name">&amp;#xfb57;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb58;</span>
                <div class="name">违章缴费</div>
                <div class="code-name">&amp;#xfb58;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb59;</span>
                <div class="name">订阅</div>
                <div class="code-name">&amp;#xfb59;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb5a;</span>
                <div class="name">附近</div>
                <div class="code-name">&amp;#xfb5a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb5b;</span>
                <div class="name">计算</div>
                <div class="code-name">&amp;#xfb5b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb5c;</span>
                <div class="name">测评</div>
                <div class="code-name">&amp;#xfb5c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb5d;</span>
                <div class="name">行情</div>
                <div class="code-name">&amp;#xfb5d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb5e;</span>
                <div class="name">快讯</div>
                <div class="code-name">&amp;#xfb5e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb5f;</span>
                <div class="name">导购</div>
                <div class="code-name">&amp;#xfb5f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb60;</span>
                <div class="name">口碑</div>
                <div class="code-name">&amp;#xfb60;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb61;</span>
                <div class="name">视频聊天</div>
                <div class="code-name">&amp;#xfb61;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb62;</span>
                <div class="name">股票</div>
                <div class="code-name">&amp;#xfb62;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb63;</span>
                <div class="name">群体</div>
                <div class="code-name">&amp;#xfb63;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb64;</span>
                <div class="name">游戏</div>
                <div class="code-name">&amp;#xfb64;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb65;</span>
                <div class="name">吃喝玩乐</div>
                <div class="code-name">&amp;#xfb65;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb66;</span>
                <div class="name">音乐</div>
                <div class="code-name">&amp;#xfb66;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb67;</span>
                <div class="name">直播</div>
                <div class="code-name">&amp;#xfb67;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb68;</span>
                <div class="name">点评</div>
                <div class="code-name">&amp;#xfb68;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb69;</span>
                <div class="name">练习</div>
                <div class="code-name">&amp;#xfb69;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb6a;</span>
                <div class="name">心愿单</div>
                <div class="code-name">&amp;#xfb6a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb6b;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xfb6b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb6c;</span>
                <div class="name">推荐</div>
                <div class="code-name">&amp;#xfb6c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb6d;</span>
                <div class="name">学校</div>
                <div class="code-name">&amp;#xfb6d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb6e;</span>
                <div class="name">电视剧</div>
                <div class="code-name">&amp;#xfb6e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb6f;</span>
                <div class="name">广告</div>
                <div class="code-name">&amp;#xfb6f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb70;</span>
                <div class="name">云视频</div>
                <div class="code-name">&amp;#xfb70;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb71;</span>
                <div class="name">教育</div>
                <div class="code-name">&amp;#xfb71;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb72;</span>
                <div class="name">秒杀</div>
                <div class="code-name">&amp;#xfb72;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb73;</span>
                <div class="name">招募</div>
                <div class="code-name">&amp;#xfb73;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb74;</span>
                <div class="name">体育</div>
                <div class="code-name">&amp;#xfb74;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb75;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xfb75;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb76;</span>
                <div class="name">直播</div>
                <div class="code-name">&amp;#xfb76;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb77;</span>
                <div class="name">电视剧</div>
                <div class="code-name">&amp;#xfb77;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb78;</span>
                <div class="name">拍客</div>
                <div class="code-name">&amp;#xfb78;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb79;</span>
                <div class="name">动漫</div>
                <div class="code-name">&amp;#xfb79;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb7a;</span>
                <div class="name">话题</div>
                <div class="code-name">&amp;#xfb7a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb7b;</span>
                <div class="name">娱乐</div>
                <div class="code-name">&amp;#xfb7b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb7c;</span>
                <div class="name">VIP</div>
                <div class="code-name">&amp;#xfb7c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb7d;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xfb7d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb7e;</span>
                <div class="name">行业</div>
                <div class="code-name">&amp;#xfb7e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb7f;</span>
                <div class="name">录音</div>
                <div class="code-name">&amp;#xfb7f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb80;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xfb80;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb81;</span>
                <div class="name">效率</div>
                <div class="code-name">&amp;#xfb81;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb82;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xfb82;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb83;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xfb83;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb84;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xfb84;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb85;</span>
                <div class="name">案子</div>
                <div class="code-name">&amp;#xfb85;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb86;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xfb86;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb87;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xfb87;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb88;</span>
                <div class="name">打卡</div>
                <div class="code-name">&amp;#xfb88;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb89;</span>
                <div class="name">发票</div>
                <div class="code-name">&amp;#xfb89;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb8a;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xfb8a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb8b;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xfb8b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb8c;</span>
                <div class="name">监测</div>
                <div class="code-name">&amp;#xfb8c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb8d;</span>
                <div class="name">考勤</div>
                <div class="code-name">&amp;#xfb8d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb8e;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xfb8e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb8f;</span>
                <div class="name">网络</div>
                <div class="code-name">&amp;#xfb8f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb90;</span>
                <div class="name">印刷</div>
                <div class="code-name">&amp;#xfb90;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb91;</span>
                <div class="name">安全中心</div>
                <div class="code-name">&amp;#xfb91;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb92;</span>
                <div class="name">福利</div>
                <div class="code-name">&amp;#xfb92;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb93;</span>
                <div class="name">收藏夹</div>
                <div class="code-name">&amp;#xfb93;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb94;</span>
                <div class="name">关注</div>
                <div class="code-name">&amp;#xfb94;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb95;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xfb95;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb96;</span>
                <div class="name">商城</div>
                <div class="code-name">&amp;#xfb96;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb97;</span>
                <div class="name">活动</div>
                <div class="code-name">&amp;#xfb97;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb98;</span>
                <div class="name">提现</div>
                <div class="code-name">&amp;#xfb98;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb99;</span>
                <div class="name">信用卡</div>
                <div class="code-name">&amp;#xfb99;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb9a;</span>
                <div class="name">风险评估</div>
                <div class="code-name">&amp;#xfb9a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb9b;</span>
                <div class="name">理财包</div>
                <div class="code-name">&amp;#xfb9b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb9c;</span>
                <div class="name">走势</div>
                <div class="code-name">&amp;#xfb9c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb9d;</span>
                <div class="name">天气</div>
                <div class="code-name">&amp;#xfb9d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb9e;</span>
                <div class="name">装饰</div>
                <div class="code-name">&amp;#xfb9e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfb9f;</span>
                <div class="name">黄金</div>
                <div class="code-name">&amp;#xfb9f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba0;</span>
                <div class="name">汽车</div>
                <div class="code-name">&amp;#xfba0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba1;</span>
                <div class="name">统计</div>
                <div class="code-name">&amp;#xfba1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba2;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xfba2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba3;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xfba3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba4;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xfba4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba5;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xfba5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba6;</span>
                <div class="name">流量卡</div>
                <div class="code-name">&amp;#xfba6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba7;</span>
                <div class="name">合作</div>
                <div class="code-name">&amp;#xfba7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaa8;</span>
                <div class="name">打卡签到</div>
                <div class="code-name">&amp;#xfaa8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba8;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xfba8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaa9;</span>
                <div class="name">生活缴费</div>
                <div class="code-name">&amp;#xfaa9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfba9;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xfba9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaaa;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xfaaa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbaa;</span>
                <div class="name">百科</div>
                <div class="code-name">&amp;#xfbaa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaab;</span>
                <div class="name">我的买单</div>
                <div class="code-name">&amp;#xfaab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbab;</span>
                <div class="name">房产</div>
                <div class="code-name">&amp;#xfbab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaac;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xfaac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbac;</span>
                <div class="name">论坛</div>
                <div class="code-name">&amp;#xfbac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaad;</span>
                <div class="name">收货地址</div>
                <div class="code-name">&amp;#xfaad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbad;</span>
                <div class="name">排行</div>
                <div class="code-name">&amp;#xfbad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaae;</span>
                <div class="name">账户修改</div>
                <div class="code-name">&amp;#xfaae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbae;</span>
                <div class="name">商铺</div>
                <div class="code-name">&amp;#xfbae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaaf;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xfaaf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbaf;</span>
                <div class="name">科技</div>
                <div class="code-name">&amp;#xfbaf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab0;</span>
                <div class="name">飞机票</div>
                <div class="code-name">&amp;#xfab0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb0;</span>
                <div class="name">失物招领</div>
                <div class="code-name">&amp;#xfbb0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab1;</span>
                <div class="name">分享二维码</div>
                <div class="code-name">&amp;#xfab1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb1;</span>
                <div class="name">问答</div>
                <div class="code-name">&amp;#xfbb1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab2;</span>
                <div class="name">火车票</div>
                <div class="code-name">&amp;#xfab2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb2;</span>
                <div class="name">奖项</div>
                <div class="code-name">&amp;#xfbb2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab3;</span>
                <div class="name">积分兑换</div>
                <div class="code-name">&amp;#xfab3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb3;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xfbb3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab4;</span>
                <div class="name">拍卖</div>
                <div class="code-name">&amp;#xfab4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb4;</span>
                <div class="name">医疗</div>
                <div class="code-name">&amp;#xfbb4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab5;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xfab5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb5;</span>
                <div class="name">表单</div>
                <div class="code-name">&amp;#xfbb5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab6;</span>
                <div class="name">酒店</div>
                <div class="code-name">&amp;#xfab6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb6;</span>
                <div class="name">公司</div>
                <div class="code-name">&amp;#xfbb6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab7;</span>
                <div class="name">美食</div>
                <div class="code-name">&amp;#xfab7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb7;</span>
                <div class="name">书籍</div>
                <div class="code-name">&amp;#xfbb7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab8;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xfab8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb8;</span>
                <div class="name">权限</div>
                <div class="code-name">&amp;#xfbb8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfab9;</span>
                <div class="name">足迹</div>
                <div class="code-name">&amp;#xfab9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbb9;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xfbb9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfaba;</span>
                <div class="name">购物</div>
                <div class="code-name">&amp;#xfaba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbba;</span>
                <div class="name">出差</div>
                <div class="code-name">&amp;#xfbba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfabb;</span>
                <div class="name">会员</div>
                <div class="code-name">&amp;#xfabb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbbb;</span>
                <div class="name">电子名片</div>
                <div class="code-name">&amp;#xfbbb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfabc;</span>
                <div class="name">新品</div>
                <div class="code-name">&amp;#xfabc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbbc;</span>
                <div class="name">请假申请</div>
                <div class="code-name">&amp;#xfbbc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfabd;</span>
                <div class="name">超市</div>
                <div class="code-name">&amp;#xfabd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbbd;</span>
                <div class="name">出车申请</div>
                <div class="code-name">&amp;#xfbbd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfabe;</span>
                <div class="name">生鲜水果</div>
                <div class="code-name">&amp;#xfabe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbbe;</span>
                <div class="name">加班申请</div>
                <div class="code-name">&amp;#xfbbe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfabf;</span>
                <div class="name">组织</div>
                <div class="code-name">&amp;#xfabf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbbf;</span>
                <div class="name">物品申请</div>
                <div class="code-name">&amp;#xfbbf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac0;</span>
                <div class="name">卡包</div>
                <div class="code-name">&amp;#xfac0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc0;</span>
                <div class="name">办卡申请</div>
                <div class="code-name">&amp;#xfbc0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac1;</span>
                <div class="name">外卖</div>
                <div class="code-name">&amp;#xfac1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc1;</span>
                <div class="name">会议申请</div>
                <div class="code-name">&amp;#xfbc1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfac2;</span>
                <div class="name">银行卡</div>
                <div class="code-name">&amp;#xfac2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xfbc2;</span>
                <div class="name">离职申请</div>
                <div class="code-name">&amp;#xfbc2;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1746929889783') format('woff2'),
       url('iconfont.woff?t=1746929889783') format('woff'),
       url('iconfont.ttf?t=1746929889783') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-meishi1"></span>
            <div class="name">
              美食
            </div>
            <div class="code-name">.icon-meishi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renlizhaopin"></span>
            <div class="name">
              人力招聘
            </div>
            <div class="code-name">.icon-renlizhaopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenghuo"></span>
            <div class="name">
              生活
            </div>
            <div class="code-name">.icon-shenghuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongsigonggao"></span>
            <div class="name">
              公司公告
            </div>
            <div class="code-name">.icon-gongsigonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingshi"></span>
            <div class="name">
              影视
            </div>
            <div class="code-name">.icon-yingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoqinguanli"></span>
            <div class="name">
              考勤管理
            </div>
            <div class="code-name">.icon-kaoqinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili"></span>
            <div class="name">
              火锅
            </div>
            <div class="code-name">.icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laodonghetong"></span>
            <div class="name">
              劳动合同
            </div>
            <div class="code-name">.icon-laodonghetong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiushui"></span>
            <div class="name">
              酒水
            </div>
            <div class="code-name">.icon-jiushui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzichaxun"></span>
            <div class="name">
              工资查询
            </div>
            <div class="code-name">.icon-gongzichaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lipin"></span>
            <div class="name">
              礼品
            </div>
            <div class="code-name">.icon-lipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaizhibaoxiao"></span>
            <div class="name">
              开支报销
            </div>
            <div class="code-name">.icon-kaizhibaoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qinzi"></span>
            <div class="name">
              亲子
            </div>
            <div class="code-name">.icon-qinzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuchengshenpi"></span>
            <div class="name">
              流程审批
            </div>
            <div class="code-name">.icon-liuchengshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-KTV"></span>
            <div class="name">
              KTV
            </div>
            <div class="code-name">.icon-KTV
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpiliucheng"></span>
            <div class="name">
              审批流程
            </div>
            <div class="code-name">.icon-shenpiliucheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kafei"></span>
            <div class="name">
              咖啡
            </div>
            <div class="code-name">.icon-kafei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongrenzheng"></span>
            <div class="name">
              员工认证
            </div>
            <div class="code-name">.icon-yuangongrenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxi"></span>
            <div class="name">
              游戏
            </div>
            <div class="code-name">.icon-youxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongtongxinlu"></span>
            <div class="name">
              员工通信录
            </div>
            <div class="code-name">.icon-yuangongtongxinlu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huazhuangpin"></span>
            <div class="name">
              化妆品
            </div>
            <div class="code-name">.icon-huazhuangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduoyingyong"></span>
            <div class="name">
              更多应用
            </div>
            <div class="code-name">.icon-gengduoyingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyu"></span>
            <div class="name">
              教育
            </div>
            <div class="code-name">.icon-jiaoyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzimingxi"></span>
            <div class="name">
              工资明细
            </div>
            <div class="code-name">.icon-gongzimingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongwu"></span>
            <div class="name">
              宠物
            </div>
            <div class="code-name">.icon-chongwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyexiangce"></span>
            <div class="name">
              企业相册
            </div>
            <div class="code-name">.icon-qiyexiangce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianshen"></span>
            <div class="name">
              健身
            </div>
            <div class="code-name">.icon-jianshen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyebumen"></span>
            <div class="name">
              企业部门
            </div>
            <div class="code-name">.icon-qiyebumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yishu"></span>
            <div class="name">
              艺术
            </div>
            <div class="code-name">.icon-yishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongpingji"></span>
            <div class="name">
              员工评级
            </div>
            <div class="code-name">.icon-yuangongpingji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiche"></span>
            <div class="name">
              汽车
            </div>
            <div class="code-name">.icon-qiche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanyuwomen"></span>
            <div class="name">
              关于我们
            </div>
            <div class="code-name">.icon-guanyuwomen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangou"></span>
            <div class="name">
              闪购
            </div>
            <div class="code-name">.icon-shangou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefuguanli"></span>
            <div class="name">
              客服管理
            </div>
            <div class="code-name">.icon-kefuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiliao"></span>
            <div class="name">
              医疗
            </div>
            <div class="code-name">.icon-yiliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongfankui"></span>
            <div class="name">
              员工反馈
            </div>
            <div class="code-name">.icon-yuangongfankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyuan1"></span>
            <div class="name">
              会员
            </div>
            <div class="code-name">.icon-huiyuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlishezhi"></span>
            <div class="name">
              管理设置
            </div>
            <div class="code-name">.icon-guanlishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangcheng"></span>
            <div class="name">
              商城
            </div>
            <div class="code-name">.icon-shangcheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xihuan1"></span>
            <div class="name">
              喜欢
            </div>
            <div class="code-name">.icon-xihuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjia"></span>
            <div class="name">
              商家
            </div>
            <div class="code-name">.icon-shangjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongyeji"></span>
            <div class="name">
              员工业绩
            </div>
            <div class="code-name">.icon-yuangongyeji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-elemo"></span>
            <div class="name">
              饿了么
            </div>
            <div class="code-name">.icon-elemo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cunchu"></span>
            <div class="name">
              存储
            </div>
            <div class="code-name">.icon-cunchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meituan"></span>
            <div class="name">
              美团
            </div>
            <div class="code-name">.icon-meituan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanchaxun"></span>
            <div class="name">
              订单查询
            </div>
            <div class="code-name">.icon-dingdanchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peisong"></span>
            <div class="name">
              配送
            </div>
            <div class="code-name">.icon-peisong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonglve1"></span>
            <div class="name">
              攻略
            </div>
            <div class="code-name">.icon-gonglve1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuju"></span>
            <div class="name">
              厨具
            </div>
            <div class="code-name">.icon-chuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuanwenjian"></span>
            <div class="name">
              上传文件
            </div>
            <div class="code-name">.icon-shangchuanwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huodong"></span>
            <div class="name">
              活动
            </div>
            <div class="code-name">.icon-huodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazaiwenjian"></span>
            <div class="name">
              下载文件
            </div>
            <div class="code-name">.icon-xiazaiwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoshu"></span>
            <div class="name">
              标书
            </div>
            <div class="code-name">.icon-biaoshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jisuanqi"></span>
            <div class="name">
              计算器
            </div>
            <div class="code-name">.icon-jisuanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hongpei"></span>
            <div class="name">
              烘培
            </div>
            <div class="code-name">.icon-hongpei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiduxinxiang"></span>
            <div class="name">
              已读信箱
            </div>
            <div class="code-name">.icon-yiduxinxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxi"></span>
            <div class="name">
              信息
            </div>
            <div class="code-name">.icon-xinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              资源
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQ"></span>
            <div class="name">
              QQ
            </div>
            <div class="code-name">.icon-QQ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoxiao"></span>
            <div class="name">
              报销
            </div>
            <div class="code-name">.icon-baoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianqian"></span>
            <div class="name">
              便签
            </div>
            <div class="code-name">.icon-bianqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibo"></span>
            <div class="name">
              微博
            </div>
            <div class="code-name">.icon-weibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daohang"></span>
            <div class="name">
              导航
            </div>
            <div class="code-name">.icon-daohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingjia"></span>
            <div class="name">
              评价
            </div>
            <div class="code-name">.icon-pingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daiban"></span>
            <div class="name">
              待办
            </div>
            <div class="code-name">.icon-daiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinle"></span>
            <div class="name">
              朋友圈
            </div>
            <div class="code-name">.icon-yinle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianqi1"></span>
            <div class="name">
              天气
            </div>
            <div class="code-name">.icon-tianqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hongbao"></span>
            <div class="name">
              红包
            </div>
            <div class="code-name">.icon-hongbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qushi"></span>
            <div class="name">
              趋势
            </div>
            <div class="code-name">.icon-qushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianbao"></span>
            <div class="name">
              钱包
            </div>
            <div class="code-name">.icon-qianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinyong"></span>
            <div class="name">
              信用
            </div>
            <div class="code-name">.icon-xinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-douban"></span>
            <div class="name">
              豆瓣
            </div>
            <div class="code-name">.icon-douban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuchaxun"></span>
            <div class="name">
              用户查询
            </div>
            <div class="code-name">.icon-yonghuchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongjian"></span>
            <div class="name">
              空间
            </div>
            <div class="code-name">.icon-kongjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongxunlu"></span>
            <div class="name">
              通讯录
            </div>
            <div class="code-name">.icon-tongxunlu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetong"></span>
            <div class="name">
              合同
            </div>
            <div class="code-name">.icon-hetong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquan"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.icon-anquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhangjigou"></span>
            <div class="name">
              银行机构
            </div>
            <div class="code-name">.icon-yinhangjigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baohu"></span>
            <div class="name">
              保护
            </div>
            <div class="code-name">.icon-baohu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoji"></span>
            <div class="name">
              标记
            </div>
            <div class="code-name">.icon-biaoji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huati1"></span>
            <div class="name">
              话题
            </div>
            <div class="code-name">.icon-huati1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongzhizhongxin"></span>
            <div class="name">
              充值中心
            </div>
            <div class="code-name">.icon-chongzhizhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichan"></span>
            <div class="name">
              资产
            </div>
            <div class="code-name">.icon-zichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sougoushuru"></span>
            <div class="name">
              搜狗输入
            </div>
            <div class="code-name">.icon-sougoushuru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengjian"></span>
            <div class="name">
              证件
            </div>
            <div class="code-name">.icon-zhengjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinhao"></span>
            <div class="name">
              信号
            </div>
            <div class="code-name">.icon-xinhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoushi1"></span>
            <div class="name">
              走势
            </div>
            <div class="code-name">.icon-zoushi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjiang"></span>
            <div class="name">
              颁奖
            </div>
            <div class="code-name">.icon-banjiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonglve2"></span>
            <div class="name">
              攻略
            </div>
            <div class="code-name">.icon-gonglve2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiadian"></span>
            <div class="name">
              家电
            </div>
            <div class="code-name">.icon-jiadian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang1"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-miaosha"></span>
            <div class="name">
              秒杀
            </div>
            <div class="code-name">.icon-miaosha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanzheng"></span>
            <div class="name">
              验证
            </div>
            <div class="code-name">.icon-yanzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daifukuan"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.icon-daifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongwu1"></span>
            <div class="name">
              宠物
            </div>
            <div class="code-name">.icon-chongwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fushi"></span>
            <div class="name">
              服饰
            </div>
            <div class="code-name">.icon-fushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyu3"></span>
            <div class="name">
              教育
            </div>
            <div class="code-name">.icon-jiaoyu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yue"></span>
            <div class="name">
              余额
            </div>
            <div class="code-name">.icon-yue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TV"></span>
            <div class="name">
              TV
            </div>
            <div class="code-name">.icon-TV
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.icon-daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qinggan"></span>
            <div class="name">
              情感
            </div>
            <div class="code-name">.icon-qinggan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.icon-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenghuo1"></span>
            <div class="name">
              生活
            </div>
            <div class="code-name">.icon-shenghuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyuanka"></span>
            <div class="name">
              会员卡
            </div>
            <div class="code-name">.icon-huiyuanka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyi"></span>
            <div class="name">
              交易
            </div>
            <div class="code-name">.icon-jiaoyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fapiao"></span>
            <div class="name">
              发票
            </div>
            <div class="code-name">.icon-fapiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichan1"></span>
            <div class="name">
              资产
            </div>
            <div class="code-name">.icon-zichan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yaoqing"></span>
            <div class="name">
              邀请
            </div>
            <div class="code-name">.icon-yaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zixun11"></span>
            <div class="name">
              资讯
            </div>
            <div class="code-name">.icon-zixun11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuzuche"></span>
            <div class="name">
              出租车
            </div>
            <div class="code-name">.icon-chuzuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaishuai"></span>
            <div class="name">
              概率
            </div>
            <div class="code-name">.icon-gaishuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gupiao1"></span>
            <div class="name">
              股票
            </div>
            <div class="code-name">.icon-gupiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lvyou"></span>
            <div class="name">
              旅游
            </div>
            <div class="code-name">.icon-lvyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongdianzhuang"></span>
            <div class="name">
              充电桩
            </div>
            <div class="code-name">.icon-chongdianzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paiming"></span>
            <div class="name">
              排名
            </div>
            <div class="code-name">.icon-paiming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangkong"></span>
            <div class="name">
              航空
            </div>
            <div class="code-name">.icon-hangkong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunzhang"></span>
            <div class="name">
              勋章
            </div>
            <div class="code-name">.icon-xunzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiayou1"></span>
            <div class="name">
              加油
            </div>
            <div class="code-name">.icon-jiayou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baojian"></span>
            <div class="name">
              保健
            </div>
            <div class="code-name">.icon-baojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baogao"></span>
            <div class="name">
              报告
            </div>
            <div class="code-name">.icon-baogao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paishe"></span>
            <div class="name">
              拍摄
            </div>
            <div class="code-name">.icon-paishe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingdian1"></span>
            <div class="name">
              景点
            </div>
            <div class="code-name">.icon-jingdian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiuxian"></span>
            <div class="name">
              休闲
            </div>
            <div class="code-name">.icon-xiuxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiliao2"></span>
            <div class="name">
              医疗
            </div>
            <div class="code-name">.icon-yiliao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huochepiao1"></span>
            <div class="name">
              论坛
            </div>
            <div class="code-name">.icon-huochepiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-licai"></span>
            <div class="name">
              理财
            </div>
            <div class="code-name">.icon-licai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucangjia1"></span>
            <div class="name">
              收藏夹
            </div>
            <div class="code-name">.icon-shoucangjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhuang"></span>
            <div class="name">
              童装
            </div>
            <div class="code-name">.icon-tongzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingqu"></span>
            <div class="name">
              兴趣
            </div>
            <div class="code-name">.icon-xingqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyu1"></span>
            <div class="name">
              教育
            </div>
            <div class="code-name">.icon-jiaoyu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaohuan"></span>
            <div class="name">
              交换
            </div>
            <div class="code-name">.icon-jiaohuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xihuan"></span>
            <div class="name">
              喜欢
            </div>
            <div class="code-name">.icon-xihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yejian"></span>
            <div class="name">
              夜间
            </div>
            <div class="code-name">.icon-yejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youle"></span>
            <div class="name">
              游乐
            </div>
            <div class="code-name">.icon-youle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangyiye"></span>
            <div class="name">
              上一页
            </div>
            <div class="code-name">.icon-shangyiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liangyou"></span>
            <div class="name">
              粮油
            </div>
            <div class="code-name">.icon-liangyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiayiye"></span>
            <div class="name">
              下一页
            </div>
            <div class="code-name">.icon-xiayiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mogujie"></span>
            <div class="name">
              蘑菇街
            </div>
            <div class="code-name">.icon-mogujie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxianpinggu1"></span>
            <div class="name">
              风险评估
            </div>
            <div class="code-name">.icon-fengxianpinggu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yijianfankui"></span>
            <div class="name">
              意见反馈
            </div>
            <div class="code-name">.icon-yijianfankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gequ"></span>
            <div class="name">
              歌曲
            </div>
            <div class="code-name">.icon-gequ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingding"></span>
            <div class="name">
              钉钉
            </div>
            <div class="code-name">.icon-dingding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-muying1"></span>
            <div class="name">
              母婴
            </div>
            <div class="code-name">.icon-muying1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiushui1"></span>
            <div class="name">
              酒水
            </div>
            <div class="code-name">.icon-jiushui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhu1"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-bangzhu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiazhao"></span>
            <div class="name">
              驾照
            </div>
            <div class="code-name">.icon-jiazhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaoguanli"></span>
            <div class="name">
              账号管理
            </div>
            <div class="code-name">.icon-zhanghaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanyi"></span>
            <div class="name">
              权益
            </div>
            <div class="code-name">.icon-quanyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zixun"></span>
            <div class="name">
              咨询
            </div>
            <div class="code-name">.icon-zixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-WIFI"></span>
            <div class="name">
              WIFI
            </div>
            <div class="code-name">.icon-WIFI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaquanbao"></span>
            <div class="name">
              卡券包
            </div>
            <div class="code-name">.icon-kaquanbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaokong"></span>
            <div class="name">
              调控
            </div>
            <div class="code-name">.icon-tiaokong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjie"></span>
            <div class="name">
              连接
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanzhang"></span>
            <div class="name">
              转账
            </div>
            <div class="code-name">.icon-zhuanzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banji"></span>
            <div class="name">
              班级
            </div>
            <div class="code-name">.icon-banji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riji"></span>
            <div class="name">
              日记
            </div>
            <div class="code-name">.icon-riji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xindong"></span>
            <div class="name">
              心动
            </div>
            <div class="code-name">.icon-xindong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanwei"></span>
            <div class="name">
              权威
            </div>
            <div class="code-name">.icon-quanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuliu"></span>
            <div class="name">
              物流
            </div>
            <div class="code-name">.icon-wuliu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hongbao1"></span>
            <div class="name">
              红包
            </div>
            <div class="code-name">.icon-hongbao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paizhao"></span>
            <div class="name">
              拍照
            </div>
            <div class="code-name">.icon-paizhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangce"></span>
            <div class="name">
              相册
            </div>
            <div class="code-name">.icon-xiangce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingxuan"></span>
            <div class="name">
              精选
            </div>
            <div class="code-name">.icon-jingxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-muying"></span>
            <div class="name">
              母婴
            </div>
            <div class="code-name">.icon-muying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuiguo"></span>
            <div class="name">
              水果
            </div>
            <div class="code-name">.icon-shuiguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.icon-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-toutiao"></span>
            <div class="name">
              头条
            </div>
            <div class="code-name">.icon-toutiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuangou"></span>
            <div class="name">
              团购
            </div>
            <div class="code-name">.icon-tuangou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baomi"></span>
            <div class="name">
              保密
            </div>
            <div class="code-name">.icon-baomi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyuanquanyi"></span>
            <div class="name">
              会员权益
            </div>
            <div class="code-name">.icon-huiyuanquanyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingdan"></span>
            <div class="name">
              清单
            </div>
            <div class="code-name">.icon-qingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nvzhuang"></span>
            <div class="name">
              女装
            </div>
            <div class="code-name">.icon-nvzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yundong"></span>
            <div class="name">
              运动
            </div>
            <div class="code-name">.icon-yundong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaju"></span>
            <div class="name">
              家居
            </div>
            <div class="code-name">.icon-jiaju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingbie"></span>
            <div class="name">
              性别
            </div>
            <div class="code-name">.icon-xingbie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongbiao"></span>
            <div class="name">
              钟表
            </div>
            <div class="code-name">.icon-zhongbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakanbingli"></span>
            <div class="name">
              查看病例
            </div>
            <div class="code-name">.icon-chakanbingli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guahao"></span>
            <div class="name">
              挂号
            </div>
            <div class="code-name">.icon-guahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yexiao"></span>
            <div class="name">
              夜宵
            </div>
            <div class="code-name">.icon-yexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuyi"></span>
            <div class="name">
              厨艺
            </div>
            <div class="code-name">.icon-chuyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faxian"></span>
            <div class="name">
              发现
            </div>
            <div class="code-name">.icon-faxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huore"></span>
            <div class="name">
              火热
            </div>
            <div class="code-name">.icon-huore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tixing"></span>
            <div class="name">
              提醒
            </div>
            <div class="code-name">.icon-tixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhishi"></span>
            <div class="name">
              知识
            </div>
            <div class="code-name">.icon-zhishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuti"></span>
            <div class="name">
              主题
            </div>
            <div class="code-name">.icon-zhuti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cetizhong"></span>
            <div class="name">
              测体重
            </div>
            <div class="code-name">.icon-cetizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanzi"></span>
            <div class="name">
              圈子
            </div>
            <div class="code-name">.icon-quanzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zixun1"></span>
            <div class="name">
              资讯
            </div>
            <div class="code-name">.icon-zixun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-naozhong"></span>
            <div class="name">
              闹钟
            </div>
            <div class="code-name">.icon-naozhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinpai"></span>
            <div class="name">
              品牌
            </div>
            <div class="code-name">.icon-pinpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinle1"></span>
            <div class="name">
              音乐
            </div>
            <div class="code-name">.icon-yinle1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biancheng"></span>
            <div class="name">
              编程
            </div>
            <div class="code-name">.icon-biancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paihang"></span>
            <div class="name">
              排行
            </div>
            <div class="code-name">.icon-paihang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shipin"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.icon-shipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duihuanma"></span>
            <div class="name">
              兑换码
            </div>
            <div class="code-name">.icon-duihuanma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kecheng"></span>
            <div class="name">
              课程
            </div>
            <div class="code-name">.icon-kecheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengsong"></span>
            <div class="name">
              赠送
            </div>
            <div class="code-name">.icon-zengsong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpin"></span>
            <div class="name">
              产品
            </div>
            <div class="code-name">.icon-chanpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fankui"></span>
            <div class="name">
              反馈
            </div>
            <div class="code-name">.icon-fankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxi1"></span>
            <div class="name">
              游戏
            </div>
            <div class="code-name">.icon-youxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qichepiao"></span>
            <div class="name">
              汽车票
            </div>
            <div class="code-name">.icon-qichepiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuyefei"></span>
            <div class="name">
              物业费
            </div>
            <div class="code-name">.icon-wuyefei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanzhongxin"></span>
            <div class="name">
              安全中心
            </div>
            <div class="code-name">.icon-anquanzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-koulingmibao"></span>
            <div class="name">
              口令密保
            </div>
            <div class="code-name">.icon-koulingmibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodedingdan"></span>
            <div class="name">
              我的订单
            </div>
            <div class="code-name">.icon-wodedingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongwu"></span>
            <div class="name">
              公务
            </div>
            <div class="code-name">.icon-gongwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiayou"></span>
            <div class="name">
              加油
            </div>
            <div class="code-name">.icon-jiayou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tingchechang"></span>
            <div class="name">
              停车场
            </div>
            <div class="code-name">.icon-tingchechang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonglve"></span>
            <div class="name">
              攻略
            </div>
            <div class="code-name">.icon-gonglve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianbao1"></span>
            <div class="name">
              钱包
            </div>
            <div class="code-name">.icon-qianbao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuijianyoujiang"></span>
            <div class="name">
              推荐有奖
            </div>
            <div class="code-name">.icon-tuijianyoujiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditiepiao"></span>
            <div class="name">
              地铁票
            </div>
            <div class="code-name">.icon-ditiepiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiye"></span>
            <div class="name">
              企业
            </div>
            <div class="code-name">.icon-qiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhoubianyou"></span>
            <div class="name">
              周边游
            </div>
            <div class="code-name">.icon-zhoubianyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ershouche"></span>
            <div class="name">
              二手车
            </div>
            <div class="code-name">.icon-ershouche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiche"></span>
            <div class="name">
              洗车
            </div>
            <div class="code-name">.icon-xiche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yibao"></span>
            <div class="name">
              医保
            </div>
            <div class="code-name">.icon-yibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingdian"></span>
            <div class="name">
              景点
            </div>
            <div class="code-name">.icon-jingdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zihangche"></span>
            <div class="name">
              自行车
            </div>
            <div class="code-name">.icon-zihangche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuyan"></span>
            <div class="name">
              留言
            </div>
            <div class="code-name">.icon-liuyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingjia1"></span>
            <div class="name">
              评价
            </div>
            <div class="code-name">.icon-pingjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weizhangjiaofei"></span>
            <div class="name">
              违章缴费
            </div>
            <div class="code-name">.icon-weizhangjiaofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingyue"></span>
            <div class="name">
              订阅
            </div>
            <div class="code-name">.icon-dingyue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fujin"></span>
            <div class="name">
              附近
            </div>
            <div class="code-name">.icon-fujin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jisuan"></span>
            <div class="name">
              计算
            </div>
            <div class="code-name">.icon-jisuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ceping"></span>
            <div class="name">
              测评
            </div>
            <div class="code-name">.icon-ceping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangqing"></span>
            <div class="name">
              行情
            </div>
            <div class="code-name">.icon-hangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuaixun"></span>
            <div class="name">
              快讯
            </div>
            <div class="code-name">.icon-kuaixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daogou"></span>
            <div class="name">
              导购
            </div>
            <div class="code-name">.icon-daogou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-koubei"></span>
            <div class="name">
              口碑
            </div>
            <div class="code-name">.icon-koubei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shipinliaotian"></span>
            <div class="name">
              视频聊天
            </div>
            <div class="code-name">.icon-shipinliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gupiao"></span>
            <div class="name">
              股票
            </div>
            <div class="code-name">.icon-gupiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qunti"></span>
            <div class="name">
              群体
            </div>
            <div class="code-name">.icon-qunti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxi2"></span>
            <div class="name">
              游戏
            </div>
            <div class="code-name">.icon-youxi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chihewanle"></span>
            <div class="name">
              吃喝玩乐
            </div>
            <div class="code-name">.icon-chihewanle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinle2"></span>
            <div class="name">
              音乐
            </div>
            <div class="code-name">.icon-yinle2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibo"></span>
            <div class="name">
              直播
            </div>
            <div class="code-name">.icon-zhibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianping"></span>
            <div class="name">
              点评
            </div>
            <div class="code-name">.icon-dianping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxi"></span>
            <div class="name">
              练习
            </div>
            <div class="code-name">.icon-lianxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinyuandan"></span>
            <div class="name">
              心愿单
            </div>
            <div class="code-name">.icon-xinyuandan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggao"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icon-gonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuijian"></span>
            <div class="name">
              推荐
            </div>
            <div class="code-name">.icon-tuijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexiao"></span>
            <div class="name">
              学校
            </div>
            <div class="code-name">.icon-xuexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianshiju"></span>
            <div class="name">
              电视剧
            </div>
            <div class="code-name">.icon-dianshiju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanggao"></span>
            <div class="name">
              广告
            </div>
            <div class="code-name">.icon-guanggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunshipin"></span>
            <div class="name">
              云视频
            </div>
            <div class="code-name">.icon-yunshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyu2"></span>
            <div class="name">
              教育
            </div>
            <div class="code-name">.icon-jiaoyu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-miaosha1"></span>
            <div class="name">
              秒杀
            </div>
            <div class="code-name">.icon-miaosha1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaomu"></span>
            <div class="name">
              招募
            </div>
            <div class="code-name">.icon-zhaomu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiyu"></span>
            <div class="name">
              体育
            </div>
            <div class="code-name">.icon-tiyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuandui1"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icon-tuandui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibo1"></span>
            <div class="name">
              直播
            </div>
            <div class="code-name">.icon-zhibo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianshiju1"></span>
            <div class="name">
              电视剧
            </div>
            <div class="code-name">.icon-dianshiju1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paike"></span>
            <div class="name">
              拍客
            </div>
            <div class="code-name">.icon-paike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongman"></span>
            <div class="name">
              动漫
            </div>
            <div class="code-name">.icon-dongman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huati"></span>
            <div class="name">
              话题
            </div>
            <div class="code-name">.icon-huati
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yule"></span>
            <div class="name">
              娱乐
            </div>
            <div class="code-name">.icon-yule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-VIP"></span>
            <div class="name">
              VIP
            </div>
            <div class="code-name">.icon-VIP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangye"></span>
            <div class="name">
              行业
            </div>
            <div class="code-name">.icon-hangye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luyin"></span>
            <div class="name">
              录音
            </div>
            <div class="code-name">.icon-luyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshuai"></span>
            <div class="name">
              效率
            </div>
            <div class="code-name">.icon-xiaoshuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shipin1"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.icon-shipin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icon-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anzi"></span>
            <div class="name">
              案子
            </div>
            <div class="code-name">.icon-anzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daka"></span>
            <div class="name">
              打卡
            </div>
            <div class="code-name">.icon-daka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fapiao1"></span>
            <div class="name">
              发票
            </div>
            <div class="code-name">.icon-fapiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwu"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.icon-renwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggao1"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icon-gonggao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiance"></span>
            <div class="name">
              监测
            </div>
            <div class="code-name">.icon-jiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoqin"></span>
            <div class="name">
              考勤
            </div>
            <div class="code-name">.icon-kaoqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluo"></span>
            <div class="name">
              网络
            </div>
            <div class="code-name">.icon-wangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinshua"></span>
            <div class="name">
              印刷
            </div>
            <div class="code-name">.icon-yinshua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanzhongxin1"></span>
            <div class="name">
              安全中心
            </div>
            <div class="code-name">.icon-anquanzhongxin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuli"></span>
            <div class="name">
              福利
            </div>
            <div class="code-name">.icon-fuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucangjia"></span>
            <div class="name">
              收藏夹
            </div>
            <div class="code-name">.icon-shoucangjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanzhu"></span>
            <div class="name">
              关注
            </div>
            <div class="code-name">.icon-guanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili1"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangcheng1"></span>
            <div class="name">
              商城
            </div>
            <div class="code-name">.icon-shangcheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huodong1"></span>
            <div class="name">
              活动
            </div>
            <div class="code-name">.icon-huodong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tixian"></span>
            <div class="name">
              提现
            </div>
            <div class="code-name">.icon-tixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinyongka"></span>
            <div class="name">
              信用卡
            </div>
            <div class="code-name">.icon-xinyongka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxianpinggu"></span>
            <div class="name">
              风险评估
            </div>
            <div class="code-name">.icon-fengxianpinggu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-licaibao"></span>
            <div class="name">
              理财包
            </div>
            <div class="code-name">.icon-licaibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoushi"></span>
            <div class="name">
              走势
            </div>
            <div class="code-name">.icon-zoushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianqi"></span>
            <div class="name">
              天气
            </div>
            <div class="code-name">.icon-tianqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuangshi"></span>
            <div class="name">
              装饰
            </div>
            <div class="code-name">.icon-zhuangshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huangjin"></span>
            <div class="name">
              黄金
            </div>
            <div class="code-name">.icon-huangjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiche1"></span>
            <div class="name">
              汽车
            </div>
            <div class="code-name">.icon-qiche1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongji"></span>
            <div class="name">
              统计
            </div>
            <div class="code-name">.icon-tongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-bangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuliangka"></span>
            <div class="name">
              流量卡
            </div>
            <div class="code-name">.icon-liuliangka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hezuo"></span>
            <div class="name">
              合作
            </div>
            <div class="code-name">.icon-hezuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dakaqiandao"></span>
            <div class="name">
              打卡签到
            </div>
            <div class="code-name">.icon-dakaqiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenghuojiaofei"></span>
            <div class="name">
              生活缴费
            </div>
            <div class="code-name">.icon-shenghuojiaofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyong"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.icon-yingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuandui"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icon-tuandui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baike"></span>
            <div class="name">
              百科
            </div>
            <div class="code-name">.icon-baike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodemaidan"></span>
            <div class="name">
              我的买单
            </div>
            <div class="code-name">.icon-wodemaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangchan"></span>
            <div class="name">
              房产
            </div>
            <div class="code-name">.icon-fangchan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdan"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.icon-dingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luntan"></span>
            <div class="name">
              论坛
            </div>
            <div class="code-name">.icon-luntan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouhuodizhi"></span>
            <div class="name">
              收货地址
            </div>
            <div class="code-name">.icon-shouhuodizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paihang1"></span>
            <div class="name">
              排行
            </div>
            <div class="code-name">.icon-paihang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghuxiugai"></span>
            <div class="name">
              账户修改
            </div>
            <div class="code-name">.icon-zhanghuxiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangpu"></span>
            <div class="name">
              商铺
            </div>
            <div class="code-name">.icon-shangpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keji"></span>
            <div class="name">
              科技
            </div>
            <div class="code-name">.icon-keji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feijipiao"></span>
            <div class="name">
              飞机票
            </div>
            <div class="code-name">.icon-feijipiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiwuzhaoling"></span>
            <div class="name">
              失物招领
            </div>
            <div class="code-name">.icon-shiwuzhaoling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiangerweima"></span>
            <div class="name">
              分享二维码
            </div>
            <div class="code-name">.icon-fenxiangerweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenda"></span>
            <div class="name">
              问答
            </div>
            <div class="code-name">.icon-wenda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huochepiao"></span>
            <div class="name">
              火车票
            </div>
            <div class="code-name">.icon-huochepiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangxiang"></span>
            <div class="name">
              奖项
            </div>
            <div class="code-name">.icon-jiangxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifenduihuan"></span>
            <div class="name">
              积分兑换
            </div>
            <div class="code-name">.icon-jifenduihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paimai"></span>
            <div class="name">
              拍卖
            </div>
            <div class="code-name">.icon-paimai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiliao1"></span>
            <div class="name">
              医疗
            </div>
            <div class="code-name">.icon-yiliao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youhuiquan"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.icon-youhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodan"></span>
            <div class="name">
              表单
            </div>
            <div class="code-name">.icon-biaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiudian"></span>
            <div class="name">
              酒店
            </div>
            <div class="code-name">.icon-jiudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongsi"></span>
            <div class="name">
              公司
            </div>
            <div class="code-name">.icon-gongsi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meishi"></span>
            <div class="name">
              美食
            </div>
            <div class="code-name">.icon-meishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuji"></span>
            <div class="name">
              书籍
            </div>
            <div class="code-name">.icon-shuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.icon-quanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuji"></span>
            <div class="name">
              足迹
            </div>
            <div class="code-name">.icon-zuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwu1"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.icon-renwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwu"></span>
            <div class="name">
              购物
            </div>
            <div class="code-name">.icon-gouwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chucha"></span>
            <div class="name">
              出差
            </div>
            <div class="code-name">.icon-chucha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyuan"></span>
            <div class="name">
              会员
            </div>
            <div class="code-name">.icon-huiyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzimingpian"></span>
            <div class="name">
              电子名片
            </div>
            <div class="code-name">.icon-dianzimingpian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinpin"></span>
            <div class="name">
              新品
            </div>
            <div class="code-name">.icon-xinpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingjiashenqing"></span>
            <div class="name">
              请假申请
            </div>
            <div class="code-name">.icon-qingjiashenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaoshi"></span>
            <div class="name">
              超市
            </div>
            <div class="code-name">.icon-chaoshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chucheshenqing"></span>
            <div class="name">
              出车申请
            </div>
            <div class="code-name">.icon-chucheshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengxianshuiguo"></span>
            <div class="name">
              生鲜水果
            </div>
            <div class="code-name">.icon-shengxianshuiguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiabanshenqing"></span>
            <div class="name">
              加班申请
            </div>
            <div class="code-name">.icon-jiabanshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuzhi"></span>
            <div class="name">
              组织
            </div>
            <div class="code-name">.icon-zuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wupinshenqing"></span>
            <div class="name">
              物品申请
            </div>
            <div class="code-name">.icon-wupinshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kabao"></span>
            <div class="name">
              卡包
            </div>
            <div class="code-name">.icon-kabao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bankashenqing"></span>
            <div class="name">
              办卡申请
            </div>
            <div class="code-name">.icon-bankashenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waimai"></span>
            <div class="name">
              外卖
            </div>
            <div class="code-name">.icon-waimai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyishenqing"></span>
            <div class="name">
              会议申请
            </div>
            <div class="code-name">.icon-huiyishenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhangka"></span>
            <div class="name">
              银行卡
            </div>
            <div class="code-name">.icon-yinhangka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lizhishenqing"></span>
            <div class="name">
              离职申请
            </div>
            <div class="code-name">.icon-lizhishenqing
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meishi1"></use>
                </svg>
                <div class="name">美食</div>
                <div class="code-name">#icon-meishi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renlizhaopin"></use>
                </svg>
                <div class="name">人力招聘</div>
                <div class="code-name">#icon-renlizhaopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenghuo"></use>
                </svg>
                <div class="name">生活</div>
                <div class="code-name">#icon-shenghuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongsigonggao"></use>
                </svg>
                <div class="name">公司公告</div>
                <div class="code-name">#icon-gongsigonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingshi"></use>
                </svg>
                <div class="name">影视</div>
                <div class="code-name">#icon-yingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoqinguanli"></use>
                </svg>
                <div class="name">考勤管理</div>
                <div class="code-name">#icon-kaoqinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili"></use>
                </svg>
                <div class="name">火锅</div>
                <div class="code-name">#icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laodonghetong"></use>
                </svg>
                <div class="name">劳动合同</div>
                <div class="code-name">#icon-laodonghetong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiushui"></use>
                </svg>
                <div class="name">酒水</div>
                <div class="code-name">#icon-jiushui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzichaxun"></use>
                </svg>
                <div class="name">工资查询</div>
                <div class="code-name">#icon-gongzichaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lipin"></use>
                </svg>
                <div class="name">礼品</div>
                <div class="code-name">#icon-lipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaizhibaoxiao"></use>
                </svg>
                <div class="name">开支报销</div>
                <div class="code-name">#icon-kaizhibaoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qinzi"></use>
                </svg>
                <div class="name">亲子</div>
                <div class="code-name">#icon-qinzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuchengshenpi"></use>
                </svg>
                <div class="name">流程审批</div>
                <div class="code-name">#icon-liuchengshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-KTV"></use>
                </svg>
                <div class="name">KTV</div>
                <div class="code-name">#icon-KTV</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpiliucheng"></use>
                </svg>
                <div class="name">审批流程</div>
                <div class="code-name">#icon-shenpiliucheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kafei"></use>
                </svg>
                <div class="name">咖啡</div>
                <div class="code-name">#icon-kafei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongrenzheng"></use>
                </svg>
                <div class="name">员工认证</div>
                <div class="code-name">#icon-yuangongrenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxi"></use>
                </svg>
                <div class="name">游戏</div>
                <div class="code-name">#icon-youxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongtongxinlu"></use>
                </svg>
                <div class="name">员工通信录</div>
                <div class="code-name">#icon-yuangongtongxinlu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huazhuangpin"></use>
                </svg>
                <div class="name">化妆品</div>
                <div class="code-name">#icon-huazhuangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduoyingyong"></use>
                </svg>
                <div class="name">更多应用</div>
                <div class="code-name">#icon-gengduoyingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyu"></use>
                </svg>
                <div class="name">教育</div>
                <div class="code-name">#icon-jiaoyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzimingxi"></use>
                </svg>
                <div class="name">工资明细</div>
                <div class="code-name">#icon-gongzimingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongwu"></use>
                </svg>
                <div class="name">宠物</div>
                <div class="code-name">#icon-chongwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyexiangce"></use>
                </svg>
                <div class="name">企业相册</div>
                <div class="code-name">#icon-qiyexiangce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianshen"></use>
                </svg>
                <div class="name">健身</div>
                <div class="code-name">#icon-jianshen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyebumen"></use>
                </svg>
                <div class="name">企业部门</div>
                <div class="code-name">#icon-qiyebumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yishu"></use>
                </svg>
                <div class="name">艺术</div>
                <div class="code-name">#icon-yishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongpingji"></use>
                </svg>
                <div class="name">员工评级</div>
                <div class="code-name">#icon-yuangongpingji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiche"></use>
                </svg>
                <div class="name">汽车</div>
                <div class="code-name">#icon-qiche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanyuwomen"></use>
                </svg>
                <div class="name">关于我们</div>
                <div class="code-name">#icon-guanyuwomen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangou"></use>
                </svg>
                <div class="name">闪购</div>
                <div class="code-name">#icon-shangou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefuguanli"></use>
                </svg>
                <div class="name">客服管理</div>
                <div class="code-name">#icon-kefuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiliao"></use>
                </svg>
                <div class="name">医疗</div>
                <div class="code-name">#icon-yiliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongfankui"></use>
                </svg>
                <div class="name">员工反馈</div>
                <div class="code-name">#icon-yuangongfankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyuan1"></use>
                </svg>
                <div class="name">会员</div>
                <div class="code-name">#icon-huiyuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlishezhi"></use>
                </svg>
                <div class="name">管理设置</div>
                <div class="code-name">#icon-guanlishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangcheng"></use>
                </svg>
                <div class="name">商城</div>
                <div class="code-name">#icon-shangcheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xihuan1"></use>
                </svg>
                <div class="name">喜欢</div>
                <div class="code-name">#icon-xihuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangjia"></use>
                </svg>
                <div class="name">商家</div>
                <div class="code-name">#icon-shangjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongyeji"></use>
                </svg>
                <div class="name">员工业绩</div>
                <div class="code-name">#icon-yuangongyeji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-elemo"></use>
                </svg>
                <div class="name">饿了么</div>
                <div class="code-name">#icon-elemo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cunchu"></use>
                </svg>
                <div class="name">存储</div>
                <div class="code-name">#icon-cunchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meituan"></use>
                </svg>
                <div class="name">美团</div>
                <div class="code-name">#icon-meituan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanchaxun"></use>
                </svg>
                <div class="name">订单查询</div>
                <div class="code-name">#icon-dingdanchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peisong"></use>
                </svg>
                <div class="name">配送</div>
                <div class="code-name">#icon-peisong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonglve1"></use>
                </svg>
                <div class="name">攻略</div>
                <div class="code-name">#icon-gonglve1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuju"></use>
                </svg>
                <div class="name">厨具</div>
                <div class="code-name">#icon-chuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuanwenjian"></use>
                </svg>
                <div class="name">上传文件</div>
                <div class="code-name">#icon-shangchuanwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huodong"></use>
                </svg>
                <div class="name">活动</div>
                <div class="code-name">#icon-huodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazaiwenjian"></use>
                </svg>
                <div class="name">下载文件</div>
                <div class="code-name">#icon-xiazaiwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoshu"></use>
                </svg>
                <div class="name">标书</div>
                <div class="code-name">#icon-biaoshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jisuanqi"></use>
                </svg>
                <div class="name">计算器</div>
                <div class="code-name">#icon-jisuanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hongpei"></use>
                </svg>
                <div class="name">烘培</div>
                <div class="code-name">#icon-hongpei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiduxinxiang"></use>
                </svg>
                <div class="name">已读信箱</div>
                <div class="code-name">#icon-yiduxinxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxi"></use>
                </svg>
                <div class="name">信息</div>
                <div class="code-name">#icon-xinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan"></use>
                </svg>
                <div class="name">资源</div>
                <div class="code-name">#icon-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-QQ"></use>
                </svg>
                <div class="name">QQ</div>
                <div class="code-name">#icon-QQ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoxiao"></use>
                </svg>
                <div class="name">报销</div>
                <div class="code-name">#icon-baoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianqian"></use>
                </svg>
                <div class="name">便签</div>
                <div class="code-name">#icon-bianqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibo"></use>
                </svg>
                <div class="name">微博</div>
                <div class="code-name">#icon-weibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daohang"></use>
                </svg>
                <div class="name">导航</div>
                <div class="code-name">#icon-daohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingjia"></use>
                </svg>
                <div class="name">评价</div>
                <div class="code-name">#icon-pingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daiban"></use>
                </svg>
                <div class="name">待办</div>
                <div class="code-name">#icon-daiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinle"></use>
                </svg>
                <div class="name">朋友圈</div>
                <div class="code-name">#icon-yinle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianqi1"></use>
                </svg>
                <div class="name">天气</div>
                <div class="code-name">#icon-tianqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hongbao"></use>
                </svg>
                <div class="name">红包</div>
                <div class="code-name">#icon-hongbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qushi"></use>
                </svg>
                <div class="name">趋势</div>
                <div class="code-name">#icon-qushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianbao"></use>
                </svg>
                <div class="name">钱包</div>
                <div class="code-name">#icon-qianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinyong"></use>
                </svg>
                <div class="name">信用</div>
                <div class="code-name">#icon-xinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-douban"></use>
                </svg>
                <div class="name">豆瓣</div>
                <div class="code-name">#icon-douban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuchaxun"></use>
                </svg>
                <div class="name">用户查询</div>
                <div class="code-name">#icon-yonghuchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongjian"></use>
                </svg>
                <div class="name">空间</div>
                <div class="code-name">#icon-kongjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongxunlu"></use>
                </svg>
                <div class="name">通讯录</div>
                <div class="code-name">#icon-tongxunlu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hetong"></use>
                </svg>
                <div class="name">合同</div>
                <div class="code-name">#icon-hetong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquan"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#icon-anquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhangjigou"></use>
                </svg>
                <div class="name">银行机构</div>
                <div class="code-name">#icon-yinhangjigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baohu"></use>
                </svg>
                <div class="name">保护</div>
                <div class="code-name">#icon-baohu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoji"></use>
                </svg>
                <div class="name">标记</div>
                <div class="code-name">#icon-biaoji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huati1"></use>
                </svg>
                <div class="name">话题</div>
                <div class="code-name">#icon-huati1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongzhizhongxin"></use>
                </svg>
                <div class="name">充值中心</div>
                <div class="code-name">#icon-chongzhizhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichan"></use>
                </svg>
                <div class="name">资产</div>
                <div class="code-name">#icon-zichan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sougoushuru"></use>
                </svg>
                <div class="name">搜狗输入</div>
                <div class="code-name">#icon-sougoushuru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengjian"></use>
                </svg>
                <div class="name">证件</div>
                <div class="code-name">#icon-zhengjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinhao"></use>
                </svg>
                <div class="name">信号</div>
                <div class="code-name">#icon-xinhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoushi1"></use>
                </svg>
                <div class="name">走势</div>
                <div class="code-name">#icon-zoushi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banjiang"></use>
                </svg>
                <div class="name">颁奖</div>
                <div class="code-name">#icon-banjiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonglve2"></use>
                </svg>
                <div class="name">攻略</div>
                <div class="code-name">#icon-gonglve2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiadian"></use>
                </svg>
                <div class="name">家电</div>
                <div class="code-name">#icon-jiadian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang1"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-miaosha"></use>
                </svg>
                <div class="name">秒杀</div>
                <div class="code-name">#icon-miaosha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanzheng"></use>
                </svg>
                <div class="name">验证</div>
                <div class="code-name">#icon-yanzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daifukuan"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#icon-daifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongwu1"></use>
                </svg>
                <div class="name">宠物</div>
                <div class="code-name">#icon-chongwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fushi"></use>
                </svg>
                <div class="name">服饰</div>
                <div class="code-name">#icon-fushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyu3"></use>
                </svg>
                <div class="name">教育</div>
                <div class="code-name">#icon-jiaoyu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yue"></use>
                </svg>
                <div class="name">余额</div>
                <div class="code-name">#icon-yue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TV"></use>
                </svg>
                <div class="name">TV</div>
                <div class="code-name">#icon-TV</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#icon-daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qinggan"></use>
                </svg>
                <div class="name">情感</div>
                <div class="code-name">#icon-qinggan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#icon-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenghuo1"></use>
                </svg>
                <div class="name">生活</div>
                <div class="code-name">#icon-shenghuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyuanka"></use>
                </svg>
                <div class="name">会员卡</div>
                <div class="code-name">#icon-huiyuanka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyi"></use>
                </svg>
                <div class="name">交易</div>
                <div class="code-name">#icon-jiaoyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fapiao"></use>
                </svg>
                <div class="name">发票</div>
                <div class="code-name">#icon-fapiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichan1"></use>
                </svg>
                <div class="name">资产</div>
                <div class="code-name">#icon-zichan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yaoqing"></use>
                </svg>
                <div class="name">邀请</div>
                <div class="code-name">#icon-yaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zixun11"></use>
                </svg>
                <div class="name">资讯</div>
                <div class="code-name">#icon-zixun11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuzuche"></use>
                </svg>
                <div class="name">出租车</div>
                <div class="code-name">#icon-chuzuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaishuai"></use>
                </svg>
                <div class="name">概率</div>
                <div class="code-name">#icon-gaishuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gupiao1"></use>
                </svg>
                <div class="name">股票</div>
                <div class="code-name">#icon-gupiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lvyou"></use>
                </svg>
                <div class="name">旅游</div>
                <div class="code-name">#icon-lvyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongdianzhuang"></use>
                </svg>
                <div class="name">充电桩</div>
                <div class="code-name">#icon-chongdianzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paiming"></use>
                </svg>
                <div class="name">排名</div>
                <div class="code-name">#icon-paiming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangkong"></use>
                </svg>
                <div class="name">航空</div>
                <div class="code-name">#icon-hangkong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunzhang"></use>
                </svg>
                <div class="name">勋章</div>
                <div class="code-name">#icon-xunzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiayou1"></use>
                </svg>
                <div class="name">加油</div>
                <div class="code-name">#icon-jiayou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baojian"></use>
                </svg>
                <div class="name">保健</div>
                <div class="code-name">#icon-baojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baogao"></use>
                </svg>
                <div class="name">报告</div>
                <div class="code-name">#icon-baogao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paishe"></use>
                </svg>
                <div class="name">拍摄</div>
                <div class="code-name">#icon-paishe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingdian1"></use>
                </svg>
                <div class="name">景点</div>
                <div class="code-name">#icon-jingdian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiuxian"></use>
                </svg>
                <div class="name">休闲</div>
                <div class="code-name">#icon-xiuxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiliao2"></use>
                </svg>
                <div class="name">医疗</div>
                <div class="code-name">#icon-yiliao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huochepiao1"></use>
                </svg>
                <div class="name">论坛</div>
                <div class="code-name">#icon-huochepiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-licai"></use>
                </svg>
                <div class="name">理财</div>
                <div class="code-name">#icon-licai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucangjia1"></use>
                </svg>
                <div class="name">收藏夹</div>
                <div class="code-name">#icon-shoucangjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhuang"></use>
                </svg>
                <div class="name">童装</div>
                <div class="code-name">#icon-tongzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingqu"></use>
                </svg>
                <div class="name">兴趣</div>
                <div class="code-name">#icon-xingqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyu1"></use>
                </svg>
                <div class="name">教育</div>
                <div class="code-name">#icon-jiaoyu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaohuan"></use>
                </svg>
                <div class="name">交换</div>
                <div class="code-name">#icon-jiaohuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xihuan"></use>
                </svg>
                <div class="name">喜欢</div>
                <div class="code-name">#icon-xihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yejian"></use>
                </svg>
                <div class="name">夜间</div>
                <div class="code-name">#icon-yejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youle"></use>
                </svg>
                <div class="name">游乐</div>
                <div class="code-name">#icon-youle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyiye"></use>
                </svg>
                <div class="name">上一页</div>
                <div class="code-name">#icon-shangyiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liangyou"></use>
                </svg>
                <div class="name">粮油</div>
                <div class="code-name">#icon-liangyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiayiye"></use>
                </svg>
                <div class="name">下一页</div>
                <div class="code-name">#icon-xiayiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mogujie"></use>
                </svg>
                <div class="name">蘑菇街</div>
                <div class="code-name">#icon-mogujie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianpinggu1"></use>
                </svg>
                <div class="name">风险评估</div>
                <div class="code-name">#icon-fengxianpinggu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yijianfankui"></use>
                </svg>
                <div class="name">意见反馈</div>
                <div class="code-name">#icon-yijianfankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gequ"></use>
                </svg>
                <div class="name">歌曲</div>
                <div class="code-name">#icon-gequ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingding"></use>
                </svg>
                <div class="name">钉钉</div>
                <div class="code-name">#icon-dingding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-muying1"></use>
                </svg>
                <div class="name">母婴</div>
                <div class="code-name">#icon-muying1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiushui1"></use>
                </svg>
                <div class="name">酒水</div>
                <div class="code-name">#icon-jiushui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangzhu1"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-bangzhu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiazhao"></use>
                </svg>
                <div class="name">驾照</div>
                <div class="code-name">#icon-jiazhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghaoguanli"></use>
                </svg>
                <div class="name">账号管理</div>
                <div class="code-name">#icon-zhanghaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanyi"></use>
                </svg>
                <div class="name">权益</div>
                <div class="code-name">#icon-quanyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zixun"></use>
                </svg>
                <div class="name">咨询</div>
                <div class="code-name">#icon-zixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-WIFI"></use>
                </svg>
                <div class="name">WIFI</div>
                <div class="code-name">#icon-WIFI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaquanbao"></use>
                </svg>
                <div class="name">卡券包</div>
                <div class="code-name">#icon-kaquanbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaokong"></use>
                </svg>
                <div class="name">调控</div>
                <div class="code-name">#icon-tiaokong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">连接</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanzhang"></use>
                </svg>
                <div class="name">转账</div>
                <div class="code-name">#icon-zhuanzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banji"></use>
                </svg>
                <div class="name">班级</div>
                <div class="code-name">#icon-banji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riji"></use>
                </svg>
                <div class="name">日记</div>
                <div class="code-name">#icon-riji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xindong"></use>
                </svg>
                <div class="name">心动</div>
                <div class="code-name">#icon-xindong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanwei"></use>
                </svg>
                <div class="name">权威</div>
                <div class="code-name">#icon-quanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuliu"></use>
                </svg>
                <div class="name">物流</div>
                <div class="code-name">#icon-wuliu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hongbao1"></use>
                </svg>
                <div class="name">红包</div>
                <div class="code-name">#icon-hongbao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paizhao"></use>
                </svg>
                <div class="name">拍照</div>
                <div class="code-name">#icon-paizhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangce"></use>
                </svg>
                <div class="name">相册</div>
                <div class="code-name">#icon-xiangce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingxuan"></use>
                </svg>
                <div class="name">精选</div>
                <div class="code-name">#icon-jingxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-muying"></use>
                </svg>
                <div class="name">母婴</div>
                <div class="code-name">#icon-muying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuiguo"></use>
                </svg>
                <div class="name">水果</div>
                <div class="code-name">#icon-shuiguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#icon-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-toutiao"></use>
                </svg>
                <div class="name">头条</div>
                <div class="code-name">#icon-toutiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuangou"></use>
                </svg>
                <div class="name">团购</div>
                <div class="code-name">#icon-tuangou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baomi"></use>
                </svg>
                <div class="name">保密</div>
                <div class="code-name">#icon-baomi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyuanquanyi"></use>
                </svg>
                <div class="name">会员权益</div>
                <div class="code-name">#icon-huiyuanquanyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingdan"></use>
                </svg>
                <div class="name">清单</div>
                <div class="code-name">#icon-qingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nvzhuang"></use>
                </svg>
                <div class="name">女装</div>
                <div class="code-name">#icon-nvzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yundong"></use>
                </svg>
                <div class="name">运动</div>
                <div class="code-name">#icon-yundong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaju"></use>
                </svg>
                <div class="name">家居</div>
                <div class="code-name">#icon-jiaju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingbie"></use>
                </svg>
                <div class="name">性别</div>
                <div class="code-name">#icon-xingbie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongbiao"></use>
                </svg>
                <div class="name">钟表</div>
                <div class="code-name">#icon-zhongbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakanbingli"></use>
                </svg>
                <div class="name">查看病例</div>
                <div class="code-name">#icon-chakanbingli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guahao"></use>
                </svg>
                <div class="name">挂号</div>
                <div class="code-name">#icon-guahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yexiao"></use>
                </svg>
                <div class="name">夜宵</div>
                <div class="code-name">#icon-yexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuyi"></use>
                </svg>
                <div class="name">厨艺</div>
                <div class="code-name">#icon-chuyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faxian"></use>
                </svg>
                <div class="name">发现</div>
                <div class="code-name">#icon-faxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huore"></use>
                </svg>
                <div class="name">火热</div>
                <div class="code-name">#icon-huore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tixing"></use>
                </svg>
                <div class="name">提醒</div>
                <div class="code-name">#icon-tixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishi"></use>
                </svg>
                <div class="name">知识</div>
                <div class="code-name">#icon-zhishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuti"></use>
                </svg>
                <div class="name">主题</div>
                <div class="code-name">#icon-zhuti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cetizhong"></use>
                </svg>
                <div class="name">测体重</div>
                <div class="code-name">#icon-cetizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanzi"></use>
                </svg>
                <div class="name">圈子</div>
                <div class="code-name">#icon-quanzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zixun1"></use>
                </svg>
                <div class="name">资讯</div>
                <div class="code-name">#icon-zixun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-naozhong"></use>
                </svg>
                <div class="name">闹钟</div>
                <div class="code-name">#icon-naozhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinpai"></use>
                </svg>
                <div class="name">品牌</div>
                <div class="code-name">#icon-pinpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinle1"></use>
                </svg>
                <div class="name">音乐</div>
                <div class="code-name">#icon-yinle1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biancheng"></use>
                </svg>
                <div class="name">编程</div>
                <div class="code-name">#icon-biancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paihang"></use>
                </svg>
                <div class="name">排行</div>
                <div class="code-name">#icon-paihang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipin"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#icon-shipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duihuanma"></use>
                </svg>
                <div class="name">兑换码</div>
                <div class="code-name">#icon-duihuanma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kecheng"></use>
                </svg>
                <div class="name">课程</div>
                <div class="code-name">#icon-kecheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengsong"></use>
                </svg>
                <div class="name">赠送</div>
                <div class="code-name">#icon-zengsong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpin"></use>
                </svg>
                <div class="name">产品</div>
                <div class="code-name">#icon-chanpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fankui"></use>
                </svg>
                <div class="name">反馈</div>
                <div class="code-name">#icon-fankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxi1"></use>
                </svg>
                <div class="name">游戏</div>
                <div class="code-name">#icon-youxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qichepiao"></use>
                </svg>
                <div class="name">汽车票</div>
                <div class="code-name">#icon-qichepiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuyefei"></use>
                </svg>
                <div class="name">物业费</div>
                <div class="code-name">#icon-wuyefei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanzhongxin"></use>
                </svg>
                <div class="name">安全中心</div>
                <div class="code-name">#icon-anquanzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-koulingmibao"></use>
                </svg>
                <div class="name">口令密保</div>
                <div class="code-name">#icon-koulingmibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodedingdan"></use>
                </svg>
                <div class="name">我的订单</div>
                <div class="code-name">#icon-wodedingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongwu"></use>
                </svg>
                <div class="name">公务</div>
                <div class="code-name">#icon-gongwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiayou"></use>
                </svg>
                <div class="name">加油</div>
                <div class="code-name">#icon-jiayou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tingchechang"></use>
                </svg>
                <div class="name">停车场</div>
                <div class="code-name">#icon-tingchechang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonglve"></use>
                </svg>
                <div class="name">攻略</div>
                <div class="code-name">#icon-gonglve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianbao1"></use>
                </svg>
                <div class="name">钱包</div>
                <div class="code-name">#icon-qianbao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuijianyoujiang"></use>
                </svg>
                <div class="name">推荐有奖</div>
                <div class="code-name">#icon-tuijianyoujiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditiepiao"></use>
                </svg>
                <div class="name">地铁票</div>
                <div class="code-name">#icon-ditiepiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiye"></use>
                </svg>
                <div class="name">企业</div>
                <div class="code-name">#icon-qiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhoubianyou"></use>
                </svg>
                <div class="name">周边游</div>
                <div class="code-name">#icon-zhoubianyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ershouche"></use>
                </svg>
                <div class="name">二手车</div>
                <div class="code-name">#icon-ershouche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiche"></use>
                </svg>
                <div class="name">洗车</div>
                <div class="code-name">#icon-xiche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yibao"></use>
                </svg>
                <div class="name">医保</div>
                <div class="code-name">#icon-yibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingdian"></use>
                </svg>
                <div class="name">景点</div>
                <div class="code-name">#icon-jingdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zihangche"></use>
                </svg>
                <div class="name">自行车</div>
                <div class="code-name">#icon-zihangche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuyan"></use>
                </svg>
                <div class="name">留言</div>
                <div class="code-name">#icon-liuyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingjia1"></use>
                </svg>
                <div class="name">评价</div>
                <div class="code-name">#icon-pingjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weizhangjiaofei"></use>
                </svg>
                <div class="name">违章缴费</div>
                <div class="code-name">#icon-weizhangjiaofei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingyue"></use>
                </svg>
                <div class="name">订阅</div>
                <div class="code-name">#icon-dingyue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fujin"></use>
                </svg>
                <div class="name">附近</div>
                <div class="code-name">#icon-fujin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jisuan"></use>
                </svg>
                <div class="name">计算</div>
                <div class="code-name">#icon-jisuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ceping"></use>
                </svg>
                <div class="name">测评</div>
                <div class="code-name">#icon-ceping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangqing"></use>
                </svg>
                <div class="name">行情</div>
                <div class="code-name">#icon-hangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuaixun"></use>
                </svg>
                <div class="name">快讯</div>
                <div class="code-name">#icon-kuaixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daogou"></use>
                </svg>
                <div class="name">导购</div>
                <div class="code-name">#icon-daogou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-koubei"></use>
                </svg>
                <div class="name">口碑</div>
                <div class="code-name">#icon-koubei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipinliaotian"></use>
                </svg>
                <div class="name">视频聊天</div>
                <div class="code-name">#icon-shipinliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gupiao"></use>
                </svg>
                <div class="name">股票</div>
                <div class="code-name">#icon-gupiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qunti"></use>
                </svg>
                <div class="name">群体</div>
                <div class="code-name">#icon-qunti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxi2"></use>
                </svg>
                <div class="name">游戏</div>
                <div class="code-name">#icon-youxi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chihewanle"></use>
                </svg>
                <div class="name">吃喝玩乐</div>
                <div class="code-name">#icon-chihewanle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinle2"></use>
                </svg>
                <div class="name">音乐</div>
                <div class="code-name">#icon-yinle2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibo"></use>
                </svg>
                <div class="name">直播</div>
                <div class="code-name">#icon-zhibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianping"></use>
                </svg>
                <div class="name">点评</div>
                <div class="code-name">#icon-dianping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxi"></use>
                </svg>
                <div class="name">练习</div>
                <div class="code-name">#icon-lianxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinyuandan"></use>
                </svg>
                <div class="name">心愿单</div>
                <div class="code-name">#icon-xinyuandan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggao"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icon-gonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuijian"></use>
                </svg>
                <div class="name">推荐</div>
                <div class="code-name">#icon-tuijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuexiao"></use>
                </svg>
                <div class="name">学校</div>
                <div class="code-name">#icon-xuexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianshiju"></use>
                </svg>
                <div class="name">电视剧</div>
                <div class="code-name">#icon-dianshiju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanggao"></use>
                </svg>
                <div class="name">广告</div>
                <div class="code-name">#icon-guanggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunshipin"></use>
                </svg>
                <div class="name">云视频</div>
                <div class="code-name">#icon-yunshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyu2"></use>
                </svg>
                <div class="name">教育</div>
                <div class="code-name">#icon-jiaoyu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-miaosha1"></use>
                </svg>
                <div class="name">秒杀</div>
                <div class="code-name">#icon-miaosha1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaomu"></use>
                </svg>
                <div class="name">招募</div>
                <div class="code-name">#icon-zhaomu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiyu"></use>
                </svg>
                <div class="name">体育</div>
                <div class="code-name">#icon-tiyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuandui1"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icon-tuandui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibo1"></use>
                </svg>
                <div class="name">直播</div>
                <div class="code-name">#icon-zhibo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianshiju1"></use>
                </svg>
                <div class="name">电视剧</div>
                <div class="code-name">#icon-dianshiju1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paike"></use>
                </svg>
                <div class="name">拍客</div>
                <div class="code-name">#icon-paike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongman"></use>
                </svg>
                <div class="name">动漫</div>
                <div class="code-name">#icon-dongman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huati"></use>
                </svg>
                <div class="name">话题</div>
                <div class="code-name">#icon-huati</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yule"></use>
                </svg>
                <div class="name">娱乐</div>
                <div class="code-name">#icon-yule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-VIP"></use>
                </svg>
                <div class="name">VIP</div>
                <div class="code-name">#icon-VIP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangye"></use>
                </svg>
                <div class="name">行业</div>
                <div class="code-name">#icon-hangye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luyin"></use>
                </svg>
                <div class="name">录音</div>
                <div class="code-name">#icon-luyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshuai"></use>
                </svg>
                <div class="name">效率</div>
                <div class="code-name">#icon-xiaoshuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuan"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-shangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipin1"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#icon-shipin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icon-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anzi"></use>
                </svg>
                <div class="name">案子</div>
                <div class="code-name">#icon-anzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daka"></use>
                </svg>
                <div class="name">打卡</div>
                <div class="code-name">#icon-daka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fapiao1"></use>
                </svg>
                <div class="name">发票</div>
                <div class="code-name">#icon-fapiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwu"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#icon-renwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggao1"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icon-gonggao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiance"></use>
                </svg>
                <div class="name">监测</div>
                <div class="code-name">#icon-jiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoqin"></use>
                </svg>
                <div class="name">考勤</div>
                <div class="code-name">#icon-kaoqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangluo"></use>
                </svg>
                <div class="name">网络</div>
                <div class="code-name">#icon-wangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinshua"></use>
                </svg>
                <div class="name">印刷</div>
                <div class="code-name">#icon-yinshua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanzhongxin1"></use>
                </svg>
                <div class="name">安全中心</div>
                <div class="code-name">#icon-anquanzhongxin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuli"></use>
                </svg>
                <div class="name">福利</div>
                <div class="code-name">#icon-fuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucangjia"></use>
                </svg>
                <div class="name">收藏夹</div>
                <div class="code-name">#icon-shoucangjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanzhu"></use>
                </svg>
                <div class="name">关注</div>
                <div class="code-name">#icon-guanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili1"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangcheng1"></use>
                </svg>
                <div class="name">商城</div>
                <div class="code-name">#icon-shangcheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huodong1"></use>
                </svg>
                <div class="name">活动</div>
                <div class="code-name">#icon-huodong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tixian"></use>
                </svg>
                <div class="name">提现</div>
                <div class="code-name">#icon-tixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinyongka"></use>
                </svg>
                <div class="name">信用卡</div>
                <div class="code-name">#icon-xinyongka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianpinggu"></use>
                </svg>
                <div class="name">风险评估</div>
                <div class="code-name">#icon-fengxianpinggu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-licaibao"></use>
                </svg>
                <div class="name">理财包</div>
                <div class="code-name">#icon-licaibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoushi"></use>
                </svg>
                <div class="name">走势</div>
                <div class="code-name">#icon-zoushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianqi"></use>
                </svg>
                <div class="name">天气</div>
                <div class="code-name">#icon-tianqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuangshi"></use>
                </svg>
                <div class="name">装饰</div>
                <div class="code-name">#icon-zhuangshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huangjin"></use>
                </svg>
                <div class="name">黄金</div>
                <div class="code-name">#icon-huangjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiche1"></use>
                </svg>
                <div class="name">汽车</div>
                <div class="code-name">#icon-qiche1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongji"></use>
                </svg>
                <div class="name">统计</div>
                <div class="code-name">#icon-tongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-bangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuliangka"></use>
                </svg>
                <div class="name">流量卡</div>
                <div class="code-name">#icon-liuliangka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hezuo"></use>
                </svg>
                <div class="name">合作</div>
                <div class="code-name">#icon-hezuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dakaqiandao"></use>
                </svg>
                <div class="name">打卡签到</div>
                <div class="code-name">#icon-dakaqiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenghuojiaofei"></use>
                </svg>
                <div class="name">生活缴费</div>
                <div class="code-name">#icon-shenghuojiaofei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyong"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#icon-yingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuandui"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icon-tuandui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baike"></use>
                </svg>
                <div class="name">百科</div>
                <div class="code-name">#icon-baike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodemaidan"></use>
                </svg>
                <div class="name">我的买单</div>
                <div class="code-name">#icon-wodemaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangchan"></use>
                </svg>
                <div class="name">房产</div>
                <div class="code-name">#icon-fangchan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdan"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#icon-dingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luntan"></use>
                </svg>
                <div class="name">论坛</div>
                <div class="code-name">#icon-luntan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouhuodizhi"></use>
                </svg>
                <div class="name">收货地址</div>
                <div class="code-name">#icon-shouhuodizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paihang1"></use>
                </svg>
                <div class="name">排行</div>
                <div class="code-name">#icon-paihang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghuxiugai"></use>
                </svg>
                <div class="name">账户修改</div>
                <div class="code-name">#icon-zhanghuxiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangpu"></use>
                </svg>
                <div class="name">商铺</div>
                <div class="code-name">#icon-shangpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keji"></use>
                </svg>
                <div class="name">科技</div>
                <div class="code-name">#icon-keji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feijipiao"></use>
                </svg>
                <div class="name">飞机票</div>
                <div class="code-name">#icon-feijipiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiwuzhaoling"></use>
                </svg>
                <div class="name">失物招领</div>
                <div class="code-name">#icon-shiwuzhaoling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiangerweima"></use>
                </svg>
                <div class="name">分享二维码</div>
                <div class="code-name">#icon-fenxiangerweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenda"></use>
                </svg>
                <div class="name">问答</div>
                <div class="code-name">#icon-wenda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huochepiao"></use>
                </svg>
                <div class="name">火车票</div>
                <div class="code-name">#icon-huochepiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangxiang"></use>
                </svg>
                <div class="name">奖项</div>
                <div class="code-name">#icon-jiangxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifenduihuan"></use>
                </svg>
                <div class="name">积分兑换</div>
                <div class="code-name">#icon-jifenduihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paimai"></use>
                </svg>
                <div class="name">拍卖</div>
                <div class="code-name">#icon-paimai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiliao1"></use>
                </svg>
                <div class="name">医疗</div>
                <div class="code-name">#icon-yiliao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youhuiquan"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#icon-youhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodan"></use>
                </svg>
                <div class="name">表单</div>
                <div class="code-name">#icon-biaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiudian"></use>
                </svg>
                <div class="name">酒店</div>
                <div class="code-name">#icon-jiudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongsi"></use>
                </svg>
                <div class="name">公司</div>
                <div class="code-name">#icon-gongsi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meishi"></use>
                </svg>
                <div class="name">美食</div>
                <div class="code-name">#icon-meishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuji"></use>
                </svg>
                <div class="name">书籍</div>
                <div class="code-name">#icon-shuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxian"></use>
                </svg>
                <div class="name">权限</div>
                <div class="code-name">#icon-quanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuji"></use>
                </svg>
                <div class="name">足迹</div>
                <div class="code-name">#icon-zuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwu1"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#icon-renwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwu"></use>
                </svg>
                <div class="name">购物</div>
                <div class="code-name">#icon-gouwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chucha"></use>
                </svg>
                <div class="name">出差</div>
                <div class="code-name">#icon-chucha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyuan"></use>
                </svg>
                <div class="name">会员</div>
                <div class="code-name">#icon-huiyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzimingpian"></use>
                </svg>
                <div class="name">电子名片</div>
                <div class="code-name">#icon-dianzimingpian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinpin"></use>
                </svg>
                <div class="name">新品</div>
                <div class="code-name">#icon-xinpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingjiashenqing"></use>
                </svg>
                <div class="name">请假申请</div>
                <div class="code-name">#icon-qingjiashenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaoshi"></use>
                </svg>
                <div class="name">超市</div>
                <div class="code-name">#icon-chaoshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chucheshenqing"></use>
                </svg>
                <div class="name">出车申请</div>
                <div class="code-name">#icon-chucheshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengxianshuiguo"></use>
                </svg>
                <div class="name">生鲜水果</div>
                <div class="code-name">#icon-shengxianshuiguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiabanshenqing"></use>
                </svg>
                <div class="name">加班申请</div>
                <div class="code-name">#icon-jiabanshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuzhi"></use>
                </svg>
                <div class="name">组织</div>
                <div class="code-name">#icon-zuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wupinshenqing"></use>
                </svg>
                <div class="name">物品申请</div>
                <div class="code-name">#icon-wupinshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kabao"></use>
                </svg>
                <div class="name">卡包</div>
                <div class="code-name">#icon-kabao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bankashenqing"></use>
                </svg>
                <div class="name">办卡申请</div>
                <div class="code-name">#icon-bankashenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-waimai"></use>
                </svg>
                <div class="name">外卖</div>
                <div class="code-name">#icon-waimai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyishenqing"></use>
                </svg>
                <div class="name">会议申请</div>
                <div class="code-name">#icon-huiyishenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhangka"></use>
                </svg>
                <div class="name">银行卡</div>
                <div class="code-name">#icon-yinhangka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lizhishenqing"></use>
                </svg>
                <div class="name">离职申请</div>
                <div class="code-name">#icon-lizhishenqing</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
